Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3f698c-385e7e-325470-2c4962-253f54-1f3446-192938-121f2a-0c151c-060a0e-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3F698C
RGB: 63,105,140
Hex: 385E7E
RGB: 56,94,126
Hex: 325470
RGB: 50,84,112
Hex: 2C4962
RGB: 44,73,98
Hex: 253F54
RGB: 37,63,84
Hex: 1F3446
RGB: 31,52,70
Hex: 192938
RGB: 25,41,56
Hex: 121F2A
RGB: 18,31,42
Hex: 0C151C
RGB: 12,21,28
Hex: 060A0E
RGB: 6,10,14
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
ECF0F4
D9E1E8
C5D2DD
B2C3D1
9FB4C6
8CA5BA
7996AF
6587A3
527898
3F698C
395F7E
325470
2C4A62
263F54
203546
192A38
131F2A
0D151C
060A0E
000000
FFFFFF
EBEFF2
D7DFE5
C3CFD8
AFBFCB
9CAFBF
889EB2
748EA5
607E98
4C6E8B
385E7E
325571
2D4B65
274258
22384C
1C2F3F
162632
111C26
0B1319
06090D
000000
FFFFFF
EBEEF1
D6DDE2
C2CCD4
ADBBC6
99AAB8
8498A9
70879B
5B768D
47657E
325470
2D4C65
28435A
233B4E
1E3243
192A38
14222D
0F1922
0A1116
05080B
000000
FFFFFF
EAEDEF
D5DBE0
C0C8D0
ABB6C0
96A4B1
8092A1
6B8091
566D81
415B72
2C4962
284258
233A4E
1F3345
1A2C3B
162531
121D27
0D161D
090F14
04070A
000000
FFFFFF
E9ECEE
D3D9DD
BEC5CC
A8B2BB
929FAA
7C8C98
667987
516576
3B5265
253F54
21394C
1E3243
1A2C3B
162632
13202A
0F1922
0B1319
070D11
040608
000000
FFFFFF
E9EBED
D2D6DA
BCC2C8
A5AEB5
8F9AA3
798590
62717E
4C5D6B
354859
1F3446
1C2F3F
192A38
162431
131F2A
101A23
0C151C
091015
060A0E
030507
000000
FFFFFF
E8EAEB
D1D4D7
BABFC3
A3A9AF
8C949C
757F88
5E6974
475460
303E4C
192938
172532
14212D
121D27
0F1922
0D151C
0A1016
070C11
05080B
020406
000000
FFFFFF
E7E9EA
D0D2D4
B8BCBF
A0A5AA
898F95
71797F
59626A
414C55
2A353F
121F2A
101C26
0E1922
0D161D
0B1319
091015
070C11
05090D
040608
020304
000000
FFFFFF
E7E8E8
CED0D2
B6B9BB
9EA1A4
868A8E
6D7377
555B60
3D4449
242C33
0C151C
0B1319
0A1116
080F14
070D11
060B0E
05080B
040608
020406
010203
000000
FFFFFF
E6E7E7
CDCECF
B4B6B7
9B9D9F
838587
6A6C6E
515456
383B3E
1F2326
060A0E
05090D
05080B
04070A
040608
030507
020406
020304
010203
010101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
! This online Color Palette Generator tool works well on larger displays like desktop/laptop screens or switch to desktop mode in the mobile browser.
~ Color Name is not the exact match. It is the nearest matching name to the Hex Code.
- Indicates no matching color name found.
Color shades and tints
close (X)





Home > Palette > Palette Editor

Color wheel - Color scheme palette generator and editor

Create and edit the color palette using the color scheme and palette generator. A color wheel generator. Apply the color palette to design mockups.

Color wheel - Color palette generator and editor

Generate a random color palette by selecting the color scheme. The palette generator also comes with a website mockup, mobile app mockup, geometric pattern, T-Shirt designs, and graphs. Check how the palette looks by applying the color palette to the different mockups and designs provided by the editor.

  • Random 3 color palette
  • Random 4 color palette
  • Random 6 color palette
  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Tetradic
  • Hexadic

3 Color Palette Generator for 60-30-10 rule


Generate three color palette that work well together and can be used as the primary, secondary, and accent colors in your design. By using just three colors, you can create a sense of balance and simplicity, while still allowing for plenty of creativity. The 60-30-10 rule is a popular guideline for using three-color palettes in design. According to this rule, 60% of your design should be made up of the dominant color, 30% should be the secondary color, and 10% should be the accent color.


4 Color Palette Generator


Four color palettes offer more flexibility and complexity in design than three-color palettes. With four colors, you can create a wider range of moods and styles, while still maintaining balance and harmony. One common way to use a four-color palette is to choose a dominant color, two supporting colors, and an accent color. The dominant color should be the main color in your design, while the supporting colors should complement it. The accent color can be used to add a pop of color and draw attention to certain elements, just as in a three-color palette.


6 Color Palette Generator


If you're looking to add a touch of vibrancy to your design or require more variety in terms of color options, six color palettes can be an good option. These palettes offer a diverse range of colors, providing you with the flexibility you need to create a visually striking and eye-catching design.
Six-color palettes provide even more flexibility and complexity in design than four-color palettes. With six colors, you can create a wide range of moods and styles, while still maintaining balance and harmony. One way to use a six-color palette is to choose a dominant color, two supporting colors, and three accent colors. Another way to use a six-color palette is to choose three sets of complementary colors. For example, you might choose blue and orange as one set, green and purple as another set, and yellow and red as a third set. When used together, these colors can create a sense of vibrancy and energy, while still maintaining balance.


Pastel Color Palette Generator: A Soft Touch for Design


Pastel color palettes are known for their soft, muted tones that evoke calmness.
Colorxs pastel color palette generator is a fantastic tool for designers and creatives like you to incorporate these delicate shades into the project. Generate endless pastel combinations that perfectly balance soft hues.




Explore Color Palettes