Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/20311c-364532-4c5a49-626e60-798376-8f988d-a5aca4-bcc1ba-d2d5d1-e8eae8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 20311C
RGB: 32,49,28
Hex: 364532
RGB: 54,69,50
Hex: 4C5A49
RGB: 76,90,73
Hex: 626E60
RGB: 98,110,96
Hex: 798376
RGB: 121,131,118
Hex: 8F988D
RGB: 143,152,141
Hex: A5ACA4
RGB: 165,172,164
Hex: BCC1BA
RGB: 188,193,186
Hex: D2D5D1
RGB: 210,213,209
Hex: E8EAE8
RGB: 232,234,232
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
E9EAE8
D2D6D2
BCC1BB
A6ADA4
90988E
798377
636F60
4D5A49
364633
20311C
1D2C19
1A2716
162214
131D11
10190E
0D140B
0A0F08
060A06
030503
000000
FFFFFF
EBECEB
D7DAD6
C3C7C2
AFB5AD
9BA299
868F84
727D70
5E6A5B
4A5847
364532
313E2D
2B3728
263023
20291E
1B2319
161C14
10150F
0B0E0A
050705
000000
FFFFFF
EDEFED
DBDEDB
C9CEC8
B7BDB6
A6ADA4
949C92
828C80
707B6D
5E6B5B
4C5A49
445142
3D483A
353F33
2E362C
262D25
1E241D
171B16
0F120F
080907
000000
FFFFFF
EFF1EF
E0E2DF
D0D4CF
C0C5BF
B1B7B0
A1A8A0
919A90
818B80
727D70
626E60
586356
4E584D
454D43
3B423A
313730
272C26
1D211D
141613
0A0B0A
000000
FFFFFF
F2F3F1
E4E6E4
D7DAD6
C9CDC8
BCC1BB
AFB5AD
A1A89F
949C91
868F84
798376
6D766A
61695E
555C53
494F47
3D423B
30342F
242723
181A18
0C0D0C
000000
FFFFFF
F4F5F4
E9EAE8
DDE0DD
D2D6D1
C7CCC6
BCC1BB
B1B7AF
A5ADA4
9AA298
8F988D
81897F
727A71
646A63
565B55
484C47
393D38
2B2E2A
1D1E1C
0E0F0E
000000
FFFFFF
F6F7F6
EDEEED
E4E6E4
DBDEDB
D2D6D2
C9CDC8
C0C5BF
B7BDB6
AEB4AD
A5ACA4
959B94
848A83
737873
636762
535652
424542
313431
212221
101110
000000
FFFFFF
F8F9F8
F2F3F1
EBECEA
E4E6E3
DEE0DD
D7DAD6
D0D4CF
C9CDC8
C3C7C1
BCC1BA
A9AEA7
969A95
848782
717470
5E615D
4B4D4A
383A38
262725
131313
000000
FFFFFF
FBFBFA
F6F7F6
F2F2F1
EDEEED
E9EAE8
E4E6E3
E0E2DF
DBDDDA
D7D9D6
D2D5D1
BDC0BC
A8AAA7
939592
7E807D
696B69
545554
3F403F
2A2B2A
151515
000000
FFFFFF
FDFDFD
FAFBFA
F8F9F8
F6F7F6
F4F5F4
F1F2F1
EFF0EF
EDEEED
EAECEA
E8EAE8
D1D3D1
BABBBA
A2A4A2
8B8C8B
747574
5D5E5D
464646
2E2F2E
171717
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