Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/576b57-4e604e-455545-3c4a3c-344034-2b352b-222a22-1a201a-111511-080a08-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 576B57
RGB: 87,107,87
Hex: 4E604E
RGB: 78,96,78
Hex: 455545
RGB: 69,85,69
Hex: 3C4A3C
RGB: 60,74,60
Hex: 344034
RGB: 52,64,52
Hex: 2B352B
RGB: 43,53,43
Hex: 222A22
RGB: 34,42,34
Hex: 1A201A
RGB: 26,32,26
Hex: 111511
RGB: 17,21,17
Hex: 080A08
RGB: 8,10,8
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
EEF0EE
DDE1DD
CDD3CD
BCC4BC
ABB5AB
9AA69A
899789
798979
687A68
576B57
4E604E
465646
3D4B3D
344034
2C362C
232B23
1A201A
111511
090B09
000000
FFFFFF
EDEFED
DCDFDC
CACFCA
B8BFB8
A7B0A7
95A095
839083
718071
607060
4E604E
465646
3E4D3E
374337
2F3A2F
273027
1F261F
171D17
101310
080A08
000000
FFFFFF
ECEEEC
DADDDA
C7CCC7
B5BBB5
A2AAA2
8F998F
7D887D
6A776A
586658
455545
3E4D3E
374437
303B30
293329
232B23
1C221C
151915
0E110E
070807
000000
FFFFFF
ECEDEC
D8DBD8
C5C9C5
B1B7B1
9EA59E
8A928A
778077
636E63
505C50
3C4A3C
364336
303B30
2A342A
242C24
1E251E
181E18
121612
0C0F0C
060706
000000
FFFFFF
EBECEB
D6D9D6
C2C6C2
AEB3AE
9AA09A
858C85
717971
5D665D
485348
344034
2F3A2F
2A332A
242D24
1F261F
1A201A
151A15
101310
0A0D0A
050605
000000
FFFFFF
EAEBEA
D5D7D5
BFC2BF
AAAEAA
959A95
808680
6B726B
555D55
404940
2B352B
273027
222A22
1E251E
1A201A
161B16
111511
0D100D
090B09
040504
000000
FFFFFF
E9EAE9
D3D4D3
BDBFBD
A7AAA7
919591
7A7F7A
646A64
4E554E
383F38
222A22
1F261F
1B221B
181D18
141914
111511
0E110E
0A0D0A
070807
030403
000000
FFFFFF
E8E9E8
D1D2D1
BABCBA
A3A6A3
8D908D
767976
5F635F
484D48
313631
1A201A
171D17
151A15
121612
101310
0D100D
0A0D0A
080A08
050605
030303
000000
FFFFFF
E7E8E7
CFD0CF
B8B9B8
A0A1A0
888A88
707370
585B58
414441
292C29
111511
0F130F
0E110E
0C0F0C
0A0D0A
090B09
070807
050605
030403
020202
000000
FFFFFF
E6E7E6
CECECE
B5B6B5
9C9D9C
848584
6B6C6B
525452
393B39
212321
080A08
070907
060806
060706
050605
040504
030403
020302
020202
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