Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/579eca-4e8eb5-457ea1-3c6e8d-345e79-2b4f65-223f50-1a2f3c-111f28-080f14-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 579ECA
RGB: 87,158,202
Hex: 4E8EB5
RGB: 78,142,181
Hex: 457EA1
RGB: 69,126,161
Hex: 3C6E8D
RGB: 60,110,141
Hex: 345E79
RGB: 52,94,121
Hex: 2B4F65
RGB: 43,79,101
Hex: 223F50
RGB: 34,63,80
Hex: 1A2F3C
RGB: 26,47,60
Hex: 111F28
RGB: 17,31,40
Hex: 080F14
RGB: 8,15,20
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
EEF5FA
DDECF4
CDE2EF
BCD8EA
ABCFE5
9AC5DF
89BBDA
79B1D5
68A8CF
579ECA
4E8EB6
467EA2
3D6F8D
345F79
2C4F65
233F51
1A2F3D
112028
091014
000000
FFFFFF
EDF4F8
DCE8F0
CADDE9
B8D2E1
A7C7DA
95BBD3
83B0CB
71A5C4
6099BC
4E8EB5
4680A3
3E7291
37637F
2F556D
27475B
1F3948
172B36
101C24
080E12
000000
FFFFFF
ECF2F6
DAE5EC
C7D8E3
B5CBD9
A2BFD0
8FB2C7
7DA5BD
6A98B4
588BAA
457EA1
3E7191
376581
305871
294C61
233F51
1C3240
152630
0E1920
070D10
000000
FFFFFF
ECF1F4
D8E2E8
C5D4DD
B1C5D1
9EB7C6
8AA8BB
779AAF
638BA4
507D98
3C6E8D
36637F
305871
2A4D63
244255
1E3747
182C38
12212A
0C161C
060B0E
000000
FFFFFF
EBEFF2
D6DFE4
C2CFD7
AEBFC9
9AAFBC
859EAF
718EA1
5D7E94
486E86
345E79
2F556D
2A4B61
244255
1F3849
1A2F3D
152630
101C24
0A1318
05090C
000000
FFFFFF
EAEDF0
D5DCE0
BFCAD1
AAB9C1
95A7B2
8095A3
6B8493
557284
406174
2B4F65
27475B
223F51
1E3747
1A2F3D
162833
112028
0D181E
091014
04080A
000000
FFFFFF
E9ECEE
D3D9DC
BDC5CB
A7B2B9
919FA8
7A8C96
647985
4E6573
385262
223F50
1F3948
1B3240
182C38
142630
112028
0E1920
0A1318
070D10
030608
000000
FFFFFF
E8EAEC
D1D5D8
BAC1C5
A3ACB1
8D979E
76828A
5F6D77
485963
314450
1A2F3C
172A36
152630
12212A
101C24
0D181E
0A1318
080E12
05090C
030506
000000
FFFFFF
E7E9EA
CFD2D4
B8BCBF
A0A5A9
888F94
70797E
586269
414C53
29353E
111F28
0F1C24
0E1920
0C161C
0A1318
091014
070C10
05090C
030608
020304
000000
FFFFFF
E6E7E8
CECFD0
B5B7B9
9C9FA1
84878A
6B6F72
52575B
393F43
21272C
080F14
070E12
060C10
060B0E
05090C
04080A
030608
020406
020304
010102
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