Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/d1dd8d-bcc67e-a7b070-929a62-7d8454-686e46-535838-3e422a-292c1c-14160e-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: D1DD8D
RGB: 209,221,141
Hex: BCC67E
RGB: 188,198,126
Hex: A7B070
RGB: 167,176,112
Hex: 929A62
RGB: 146,154,98
Hex: 7D8454
RGB: 125,132,84
Hex: 686E46
RGB: 104,110,70
Hex: 535838
RGB: 83,88,56
Hex: 3E422A
RGB: 62,66,42
Hex: 292C1C
RGB: 41,44,28
Hex: 14160E
RGB: 20,22,14
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
FAFCF4
F6F8E8
F1F5DD
EDF1D1
E8EEC6
E3EBBB
DFE7AF
DAE4A4
D6E098
D1DD8D
BCC77F
A7B171
929B63
7D8555
696F47
545838
3F422A
2A2C1C
15160E
000000
FFFFFF
F8F9F2
F2F4E5
EBEED8
E4E8CB
DEE3BF
D7DDB2
D0D7A5
C9D198
C3CC8B
BCC67E
A9B271
969E65
848B58
71774C
5E633F
4B4F32
383B26
262819
13140D
000000
FFFFFF
F6F7F1
EDEFE2
E5E7D4
DCDFC6
D3D8B8
CAD0A9
C1C89B
B9C08D
B0B87E
A7B070
969E65
868D5A
757B4E
646A43
545838
43462D
323522
212316
11120B
000000
FFFFFF
F4F5EF
E9EBE0
DEE1D0
D3D7C0
C9CDB1
BEC2A1
B3B891
A8AE81
9DA472
929A62
838B58
757B4E
666C45
585C3B
494D31
3A3E27
2C2E1D
1D1F14
0F0F0A
000000
FFFFFF
F2F3EE
E5E6DD
D8DACC
CBCEBB
BEC2AA
B1B598
A4A987
979D76
8A9065
7D8454
71774C
646A43
585C3B
4B4F32
3F422A
323522
252819
191A11
0C0D08
000000
FFFFFF
F0F1ED
E1E2DA
D2D4C8
C3C5B5
B4B7A3
A4A890
959A7E
868B6B
777D59
686E46
5E633F
535838
494D31
3E422A
343723
2A2C1C
1F2115
15160E
0A0B07
000000
FFFFFF
EEEEEB
DDDED7
CBCDC3
BABCAF
A9AC9C
989B88
878A74
757960
64694C
535838
4B4F32
42462D
3A3E27
323522
2A2C1C
212316
191A11
11120B
080906
000000
FFFFFF
ECECEA
D8D9D4
C5C6BF
B2B3AA
9FA195
8B8E7F
787B6A
656855
51553F
3E422A
383B26
323522
2B2E1D
252819
1F2115
191A11
13140D
0C0D08
060704
000000
FFFFFF
EAEAE8
D4D5D2
BFC0BB
A9ABA4
94968E
7F8077
696B60
545649
3E4133
292C1C
252819
212316
1D1F14
191A11
15160E
10120B
0C0D08
080906
040403
000000
FFFFFF
E8E8E7
D0D0CF
B9B9B7
A1A29F
8A8B87
72736E
5B5C56
43453E
2C2D26
14160E
12140D
10120B
0E0F0A
0C0D08
0A0B07
080906
060704
040403
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