Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ddb114-c69f12-b08d10-9a7b0e-846a0c-6e580a-584608-423506-2c2304-161102-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DDB114
RGB: 221,177,20
Hex: C69F12
RGB: 198,159,18
Hex: B08D10
RGB: 176,141,16
Hex: 9A7B0E
RGB: 154,123,14
Hex: 846A0C
RGB: 132,106,12
Hex: 6E580A
RGB: 110,88,10
Hex: 584608
RGB: 88,70,8
Hex: 423506
RGB: 66,53,6
Hex: 2C2304
RGB: 44,35,4
Hex: 161102
RGB: 22,17,2
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
FCF7E8
F8EFD0
F5E8B9
F1E0A1
EED88A
EBD072
E7C85B
E4C143
E0B92C
DDB114
C79F12
B18E10
9B7C0E
856A0C
6F590A
584708
423506
2C2304
161202
000000
FFFFFF
F9F5E7
F4ECD0
EEE2B8
E8D9A0
E3CF89
DDC571
D7BC59
D1B241
CCA92A
C69F12
B28F10
9E7F0E
8B6F0D
775F0B
635009
4F4007
3B3005
282004
141002
000000
FFFFFF
F7F4E7
EFE8CF
E7DDB7
DFD19F
D8C688
D0BB70
C8AF58
C0A440
B89828
B08D10
9E7F0E
8D710D
7B630B
6A550A
584708
463806
352A05
231C03
120E02
000000
FFFFFF
F5F2E7
EBE5CF
E1D7B7
D7CA9F
CDBD87
C2B06E
B8A356
AE953E
A48826
9A7B0E
8B6F0D
7B620B
6C560A
5C4A08
4D3E07
3E3106
2E2504
1F1903
0F0C01
000000
FFFFFF
F3F0E7
E6E1CE
DAD2B6
CEC39E
C2B586
B5A66D
A99755
9D883D
907924
846A0C
775F0B
6A550A
5C4A08
4F4007
423506
352A05
282004
1A1502
0D0B01
000000
FFFFFF
F1EEE7
E2DECE
D4CDB6
C5BC9D
B7AC85
A89B6C
9A8A54
8B793B
7D6923
6E580A
634F09
584608
4D3E07
423506
372C05
2C2304
211A03
161202
0B0901
000000
FFFFFF
EEEDE6
DEDACE
CDC8B5
BCB59C
ACA384
9B906B
8A7E52
796B39
695921
584608
4F3F07
463806
3E3106
352A05
2C2304
231C03
1A1502
120E02
090701
000000
FFFFFF
ECEBE6
D9D7CD
C6C2B4
B3AE9B
A19A83
8E866A
7B7251
685D38
55491F
423506
3B3005
352A05
2E2504
282004
211B03
1A1502
141002
0D0B01
070501
000000
FFFFFF
EAE9E6
D5D3CD
C0BDB4
ABA79B
969182
807B68
6B654F
564F36
41391D
2C2304
282004
231C03
1F1903
1A1502
161202
120E02
0D0A01
090701
040300
000000
FFFFFF
E8E7E6
D0CFCC
B9B8B3
A2A09A
8B8881
737067
5C584E
454135
2D291B
161102
140F02
120E02
0F0C01
0D0A01
0B0901
090701
070501
040300
020200
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