Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/d8d178-c2bc6c-aca760-979254-817d48-6c683c-565330-403e24-2b2918-15140c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: D8D178
RGB: 216,209,120
Hex: C2BC6C
RGB: 194,188,108
Hex: ACA760
RGB: 172,167,96
Hex: 979254
RGB: 151,146,84
Hex: 817D48
RGB: 129,125,72
Hex: 6C683C
RGB: 108,104,60
Hex: 565330
RGB: 86,83,48
Hex: 403E24
RGB: 64,62,36
Hex: 2B2918
RGB: 43,41,24
Hex: 15140C
RGB: 21,20,12
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
FBFAF2
F7F6E4
F3F1D7
EFEDC9
ECE8BC
E8E3AE
E4DFA1
E0DA93
DCD686
D8D178
C2BC6C
ADA760
979254
827D48
6C693C
565430
413F24
2B2A18
16150C
000000
FFFFFF
F9F8F0
F3F2E2
EDEBD3
E7E4C4
E1DEB6
DAD7A7
D4D098
CEC989
C8C37B
C2BC6C
AFA961
9B9656
88844C
747141
615E36
4E4B2B
3A3820
272616
13130B
000000
FFFFFF
F7F6EF
EEEDDF
E6E5CF
DEDCBF
D6D3B0
CDCAA0
C5C190
BDB980
B4B070
ACA760
9B9656
8A864D
787543
67643A
565430
454326
34321D
222113
11110A
000000
FFFFFF
F5F4EE
EAE9DD
E0DECC
D5D3BB
CBC9AA
C1BE98
B6B387
ACA876
A19D65
979254
88834C
797543
6A663B
5B5832
4C492A
3C3A22
2D2C19
1E1D11
0F0F08
000000
FFFFFF
F2F2ED
E6E5DA
D9D8C8
CDCBB6
C0BEA4
B3B191
A7A47F
9A976D
8E8A5A
817D48
747141
67643A
5A5832
4D4B2B
413F24
34321D
272516
1A190E
0D0C07
000000
FFFFFF
F0F0EC
E2E1D8
D3D2C5
C4C3B1
B6B49E
A7A48A
989577
898663
7B7750
6C683C
615E36
565330
4C492A
413E24
36341E
2B2A18
201F12
16150C
0B0A06
000000
FFFFFF
EEEEEA
DDDDD6
CCCBC1
BBBAAC
ABA998
9A9883
89876E
787559
676445
565330
4D4B2B
454226
3C3A22
34321D
2B2A18
222113
1A190E
11110A
090805
000000
FFFFFF
ECECE9
D9D8D3
C6C5BD
B3B2A7
A09F92
8C8B7C
797866
666550
53513A
403E24
3A3820
33321D
2D2B19
262516
201F12
1A190E
13130B
0D0C07
060604
000000
FFFFFF
EAEAE8
D5D4D1
BFBFBA
AAA9A3
95948C
807F74
6B695D
555446
403E2F
2B2918
272516
222113
1E1D11
1A190E
16150C
11100A
0D0C07
090805
040402
000000
FFFFFF
E8E8E7
D0D0CE
B9B9B6
A1A19E
8A8A86
73726D
5B5B55
44433D
2C2C24
15140C
13120B
11100A
0F0E08
0D0C07
0B0A06
080805
060604
040402
020201
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