Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/dfb170-c89f64-b28d59-9c7b4e-856a43-6f5838-59462c-423521-2c2316-16110b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DFB170
RGB: 223,177,112
Hex: C89F64
RGB: 200,159,100
Hex: B28D59
RGB: 178,141,89
Hex: 9C7B4E
RGB: 156,123,78
Hex: 856A43
RGB: 133,106,67
Hex: 6F5838
RGB: 111,88,56
Hex: 59462C
RGB: 89,70,44
Hex: 423521
RGB: 66,53,33
Hex: 2C2316
RGB: 44,35,22
Hex: 16110B
RGB: 22,17,11
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
FCF7F1
F9EFE2
F5E8D4
F2E0C6
EFD8B8
ECD0A9
E9C89B
E5C18D
E2B97E
DFB170
C99F65
B28E5A
9C7C4E
866A43
705938
59472D
433522
2D2316
16120B
000000
FFFFFF
FAF5F0
F4ECE0
EFE2D1
E9D9C1
E4CFB2
DEC5A2
D9BC93
D3B283
CEA974
C89F64
B48F5A
A07F50
8C6F46
785F3C
645032
504028
3C301E
282014
14100A
000000
FFFFFF
F7F4EE
F0E8DE
E8DDCD
E0D1BD
D9C6AC
D1BB9B
C9AF8B
C1A47A
BA986A
B28D59
A07F50
8E7147
7D633E
6B5535
59472D
473824
352A1B
241C12
120E09
000000
FFFFFF
F5F2ED
EBE5DC
E1D7CA
D7CAB8
CEBDA7
C4B095
BAA383
B09571
A68860
9C7B4E
8C6F46
7D623E
6D5637
5E4A2F
4E3E27
3E311F
2F2517
1F1910
100C08
000000
FFFFFF
F3F0EC
E7E1D9
DAD2C7
CEC3B4
C2B5A1
B6A68E
AA977B
9D8869
917956
856A43
785F3C
6A5536
5D4A2F
504028
433522
352A1B
282014
1B150D
0D0B07
000000
FFFFFF
F1EEEB
E2DED7
D4CDC3
C5BCAF
B7AC9C
A99B88
9A8A74
8C7960
7D694C
6F5838
644F32
59462D
4E3E27
433522
382C1C
2C2316
211A11
16120B
0B0906
000000
FFFFFF
EEEDEA
DEDAD5
CDC8C0
BDB5AB
ACA396
9B9080
8B7E6B
7A6B56
6A5941
59462C
503F28
473823
3E311F
352A1A
2D2316
241C12
1B150D
120E09
090704
000000
FFFFFF
ECEBE9
D9D7D3
C6C2BC
B3AEA6
A19A90
8E867A
7B7264
685D4D
554937
423521
3B301E
352A1A
2E2517
282014
211B11
1A150D
14100A
0D0B07
070503
000000
FFFFFF
EAE9E8
D5D3D0
C0BDB9
ABA7A2
96918B
807B73
6B655C
564F45
41392D
2C2316
282014
231C12
1F190F
1A150D
16120B
120E09
0D0A07
090704
040302
000000
FFFFFF
E8E7E7
D0CFCE
B9B8B6
A2A09D
8B8885
73706D
5C5854
45413C
2D2923
16110B
140F0A
120E09
0F0C08
0D0A07
0B0906
090704
070503
040302
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