Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/dcf2de-c6d9c7-b0c1b1-9aa99b-849185-6e796f-586058-424842-2c302c-161816-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DCF2DE
RGB: 220,242,222
Hex: C6D9C7
RGB: 198,217,199
Hex: B0C1B1
RGB: 176,193,177
Hex: 9AA99B
RGB: 154,169,155
Hex: 849185
RGB: 132,145,133
Hex: 6E796F
RGB: 110,121,111
Hex: 586058
RGB: 88,96,88
Hex: 424842
RGB: 66,72,66
Hex: 2C302C
RGB: 44,48,44
Hex: 161816
RGB: 22,24,22
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
FCFEFC
F8FCF8
F5FBF5
F1FAF2
EEF9EF
EAF7EB
E7F6E8
E3F5E5
E0F3E1
DCF2DE
C6DAC8
B0C2B2
9AA99B
849185
6E796F
586159
424943
2C302C
161816
000000
FFFFFF
F9FBF9
F4F7F4
EEF4EE
E8F0E9
E3ECE3
DDE8DD
D7E4D8
D1E1D2
CCDDCD
C6D9C7
B2C3B3
9EAE9F
8B988B
778277
636D64
4F5750
3B413C
282B28
141614
000000
FFFFFF
F7F9F7
EFF3EF
E7ECE8
DFE6E0
D8E0D8
D0DAD0
C8D4C8
C0CDC1
B8C7B9
B0C1B1
9EAE9F
8D9A8E
7B877C
6A746A
586159
464D47
353A35
232723
121312
000000
FFFFFF
F5F6F5
EBEEEB
E1E5E1
D7DDD7
CDD4CD
C2CBC3
B8C3B9
AEBAAF
A4B2A5
9AA99B
8B988C
7B877C
6C766D
5C655D
4D554E
3E443E
2E332E
1F221F
0F110F
000000
FFFFFF
F3F4F3
E6E9E7
DADEDA
CED3CE
C2C8C2
B5BDB6
A9B2AA
9DA79D
909C91
849185
778378
6A746A
5C665D
4F5750
424943
353A35
282B28
1A1D1B
0D0E0D
000000
FFFFFF
F1F2F1
E2E4E2
D4D7D4
C5C9C5
B7BCB7
A8AFA9
9AA19A
8B948C
7D867D
6E796F
636D64
586159
4D554E
424943
373D38
2C302C
212421
161816
0B0C0B
000000
FFFFFF
EEEFEE
DEDFDE
CDCFCD
BCBFBC
ACB0AC
9BA09B
8A908A
798079
697069
586058
4F564F
464D46
3E433E
353A35
2C302C
232623
1A1D1A
121312
090A09
000000
FFFFFF
ECEDEC
D9DAD9
C6C8C6
B3B6B3
A1A4A1
8E918E
7B7F7B
686D68
555A55
424842
3B413B
353A35
2E322E
282B28
212421
1A1D1A
141614
0D0E0D
070707
000000
FFFFFF
EAEAEA
D5D6D5
C0C1C0
ABACAB
969896
808380
6B6E6B
565956
414541
2C302C
282B28
232623
1F221F
1A1D1A
161816
121312
0D0E0D
090A09
040504
000000
FFFFFF
E8E8E8
D0D1D0
B9BAB9
A2A3A2
8B8C8B
737473
5C5D5C
454645
2D2F2D
161816
141614
121312
0F110F
0D0E0D
0B0C0B
090A09
070707
040504
020202
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