Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/424c71-556291-6f7caa-8f99bd-afb6d0-cfd3e3-eff1f6?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 424C71
RGB: 66,76,113
Hex: 556291
RGB: 85,98,145
Hex: 6F7CAA
RGB: 111,124,170
Hex: 8F99BD
RGB: 143,153,189
Hex: AFB6D0
RGB: 175,182,208
Hex: CFD3E3
RGB: 207,211,227
Hex: EFF1F6
RGB: 239,241,246
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
ECEDF1
D9DBE3
C6C9D4
B3B7C6
A1A6B8
8E94AA
7B829C
68708D
555E7F
424C71
3B4466
353D5A
2E354F
282E44
212639
1A1E2D
141722
0D0F17
07080B
000000
FFFFFF
EEEFF4
DDE0E9
CCD0DE
BBC0D3
AAB1C8
99A1BD
8891B2
7781A7
66729C
556291
4D5883
444E74
3B4566
333B57
2B3149
22273A
191D2B
11141D
080A0E
000000
FFFFFF
F1F2F7
E2E5EE
D4D8E6
C5CBDD
B7BED5
A9B0CC
9AA3C4
8C96BB
7D89B3
6F7CAA
647099
596388
4E5777
434A66
383E55
2C3244
212533
161922
0B0C11
000000
FFFFFF
F4F5F8
E9EBF2
DDE0EB
D2D6E5
C7CCDE
BCC2D7
B1B8D1
A5ADCA
9AA3C4
8F99BD
818AAA
727A97
646B84
565C71
484D5F
393D4C
2B2E39
1D1F26
0E0F13
000000
FFFFFF
F7F8FA
EFF0F6
E7E9F1
DFE2EC
D7DBE8
CFD3E3
C7CCDE
BFC5D9
B7BDD5
AFB6D0
9EA4BB
8C92A6
7A7F92
696D7D
585B68
464953
34373E
23242A
111215
000000
FFFFFF
FAFBFC
F5F6F9
F1F2F7
ECEDF4
E7E9F1
E2E5EE
DDE0EB
D9DCE9
D4D7E6
CFD3E3
BABECC
A6A9B6
91949F
7C7F88
686A72
53545B
3E3F44
292A2D
151517
000000
FFFFFF
FDFEFE
FCFCFD
FAFBFC
F9F9FB
F7F8FB
F5F7FA
F4F5F9
F2F4F8
F1F2F7
EFF1F6
D7D9DD
BFC1C5
A7A9AC
8F9194
78797B
606062
48484A
303031
181819
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