Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f8d784-dfc176-c6ac69-ad965c-94814f-7c6b42-635634-4a4027-312b1a-18150d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F8D784
RGB: 248,215,132
Hex: DFC176
RGB: 223,193,118
Hex: C6AC69
RGB: 198,172,105
Hex: AD965C
RGB: 173,150,92
Hex: 94814F
RGB: 148,129,79
Hex: 7C6B42
RGB: 124,107,66
Hex: 635634
RGB: 99,86,52
Hex: 4A4027
RGB: 74,64,39
Hex: 312B1A
RGB: 49,43,26
Hex: 18150D
RGB: 24,21,13
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
FEFBF3
FEF7E6
FDF3DA
FCEFCE
FCEBC2
FBE7B5
FAE3A9
F9DF9D
F9DB90
F8D784
DFC277
C6AC6A
AE975C
95814F
7C6C42
635635
4A4028
322B1A
19150D
000000
FFFFFF
FCF9F1
F9F3E4
F5ECD6
F2E6C8
EFE0BB
ECDAAD
E9D49F
E5CD91
E2C784
DFC176
C9AE6A
B29A5E
9C8753
867447
70613B
594D2F
433A23
2D2718
16130C
000000
FFFFFF
F9F7F0
F4EEE1
EEE6D2
E8DEC3
E3D6B4
DDCDA5
D7C596
D1BD87
CCB478
C6AC69
B29B5F
9E8A54
8B784A
77673F
635635
4F452A
3B341F
282215
14110A
000000
FFFFFF
F7F5EF
EFEADE
E6E0CE
DED5BE
D6CBAE
CEC09D
C6B68D
BDAB7D
B5A16C
AD965C
9C8753
8A784A
796940
685A37
574B2E
453C25
342D1C
231E12
110F09
000000
FFFFFF
F4F2ED
EAE6DC
DFD9CA
D4CDB9
CAC0A7
BFB395
B4A784
A99A72
9F8E61
94814F
857447
76673F
685A37
594D2F
4A4128
3B3420
2C2718
1E1A10
0F0D08
000000
FFFFFF
F2F0EC
E5E1D9
D8D3C6
CBC4B3
BEB5A1
B0A68E
A3977B
968968
897A55
7C6B42
70603B
635635
574B2E
4A4028
3E3621
322B1A
252014
19150D
0C0B07
000000
FFFFFF
EFEEEB
E0DDD6
D0CCC2
C1BBAE
B1AB9A
A19A85
928971
82785D
736748
635634
594D2F
4F452A
453C24
3B341F
322B1A
282215
1E1A10
14110A
0A0905
000000
FFFFFF
EDECE9
DBD9D4
C9C6BE
B7B3A9
A5A093
928C7D
807968
6E6652
5C533D
4A4027
433A23
3B331F
342D1B
2C2617
252014
1E1A10
16130C
0F0D08
070604
000000
FFFFFF
EAEAE8
D6D5D1
C1BFBA
ADAAA3
98958D
838076
6F6B5F
5A5548
464031
312B1A
2C2717
272215
221E12
1D1A10
19160D
14110A
0F0D08
0A0905
050403
000000
FFFFFF
E8E8E7
D1D0CF
BAB9B6
A3A19E
8C8A86
74736E
5D5B56
46443D
2F2C25
18150D
16130C
13110A
110F09
0E0D08
0C0B07
0A0805
070604
050403
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