Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/474c70-595d7e-6b6f8c-7e819a-9093a9-a3a5b7-b5b7c5-c7c9d4-dadbe2-ecedf0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 474C70
RGB: 71,76,112
Hex: 595D7E
RGB: 89,93,126
Hex: 6B6F8C
RGB: 107,111,140
Hex: 7E819A
RGB: 126,129,154
Hex: 9093A9
RGB: 144,147,169
Hex: A3A5B7
RGB: 163,165,183
Hex: B5B7C5
RGB: 181,183,197
Hex: C7C9D4
RGB: 199,201,212
Hex: DADBE2
RGB: 218,219,226
Hex: ECEDF0
RGB: 236,237,240
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EDEDF1
DADBE2
C8C9D4
B5B7C6
A3A6B8
9194A9
7E829B
6C708D
595E7E
474C70
404465
393D5A
32354E
2B2E43
242638
1C1E2D
151722
0E0F16
07080B
000000
FFFFFF
EEEFF2
DEDFE5
CDCED8
BDBECB
ACAEBF
9B9EB2
8B8EA5
7A7D98
6A6D8B
595D7E
505471
474A65
3E4158
35384C
2D2F3F
242532
1B1C26
121319
09090D
000000
FFFFFF
F0F1F4
E1E2E8
D3D4DD
C4C5D1
B5B7C6
A6A9BA
979AAF
898CA3
7A7D98
6B6F8C
60647E
565970
4B4E62
404354
363846
2B2C38
20212A
15161C
0B0B0E
000000
FFFFFF
F2F2F5
E5E6EB
D8D9E1
CBCDD7
BFC0CD
B2B3C2
A5A7B8
989AAE
8B8EA4
7E819A
71748B
65677B
585A6C
4C4D5C
3F414D
32343E
26272E
191A1F
0D0D0F
000000
FFFFFF
F4F4F6
E9E9EE
DEDFE5
D3D4DD
C8C9D4
BCBECB
B1B3C3
A6A9BA
9B9EB2
9093A9
828498
737687
656776
565865
484A55
3A3B44
2B2C33
1D1D22
0E0F11
000000
FFFFFF
F6F6F8
EDEDF1
E3E4E9
DADBE2
D1D2DB
C8C9D4
BFC0CD
B5B7C5
ACAEBE
A3A5B7
9395A5
828492
727380
62636E
52535C
414249
313137
212125
101012
000000
FFFFFF
F8F8F9
F0F1F3
E9E9EE
E1E2E8
DADBE2
D3D4DC
CBCDD6
C4C5D1
BCBECB
B5B7C5
A3A5B1
91929E
7F808A
6D6E76
5B5C63
48494F
36373B
242527
121214
000000
FFFFFF
F9FAFB
F4F4F6
EEEFF2
E9E9EE
E3E4EA
DDDFE5
D8D9E1
D2D4DD
CDCED8
C7C9D4
B3B5BF
9FA1AA
8B8D94
77797F
64656A
505055
3C3C40
28282A
141415
000000
FFFFFF
FBFBFC
F8F8F9
F4F4F6
F0F1F3
EDEDF1
E9E9EE
E5E6EB
E1E2E8
DEDFE5
DADBE2
C4C5CB
AEAFB5
99999E
838388
6D6E71
57585A
414244
2C2C2D
161617
000000
FFFFFF
FDFDFE
FBFBFC
F9FAFB
F7F8F9
F6F6F8
F4F4F6
F2F2F5
F0F1F3
EEEFF2
ECEDF0
D4D5D8
BDBEC0
A5A6A8
8E8E90
767778
5E5F60
474748
2F2F30
181818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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