Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/dfdfd2-c8c8bd-b2b2a8-9c9c93-85857e-6f6f69-595953-42423f-2c2c2a-161615-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DFDFD2
RGB: 223,223,210
Hex: C8C8BD
RGB: 200,200,189
Hex: B2B2A8
RGB: 178,178,168
Hex: 9C9C93
RGB: 156,156,147
Hex: 85857E
RGB: 133,133,126
Hex: 6F6F69
RGB: 111,111,105
Hex: 595953
RGB: 89,89,83
Hex: 42423F
RGB: 66,66,63
Hex: 2C2C2A
RGB: 44,44,42
Hex: 161615
RGB: 22,22,21
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
FCFCFB
F9F9F6
F5F5F2
F2F2ED
EFEFE9
ECECE4
E9E9E0
E5E5DB
E2E2D7
DFDFD2
C9C9BD
B2B2A8
9C9C93
86867E
707069
595954
43433F
2D2D2A
161615
000000
FFFFFF
FAFAF8
F4F4F2
EFEFEB
E9E9E5
E4E4DE
DEDED7
D9D9D1
D3D3CA
CECEC4
C8C8BD
B4B4AA
A0A097
8C8C84
787871
64645F
50504C
3C3C39
282826
141413
000000
FFFFFF
F7F7F6
F0F0EE
E8E8E5
E0E0DC
D9D9D4
D1D1CB
C9C9C2
C1C1B9
BABAB1
B2B2A8
A0A097
8E8E86
7D7D76
6B6B65
595954
474743
353532
242422
121211
000000
FFFFFF
F5F5F4
EBEBE9
E1E1DF
D7D7D4
CECEC9
C4C4BE
BABAB3
B0B0A9
A6A69E
9C9C93
8C8C84
7D7D76
6D6D67
5E5E58
4E4E4A
3E3E3B
2F2F2C
1F1F1D
10100F
000000
FFFFFF
F3F3F2
E7E7E5
DADAD8
CECECB
C2C2BF
B6B6B2
AAAAA5
9D9D98
91918B
85857E
787871
6A6A65
5D5D58
50504C
43433F
353532
282826
1B1B19
0D0D0D
000000
FFFFFF
F1F1F0
E2E2E1
D4D4D2
C5C5C3
B7B7B4
A9A9A5
9A9A96
8C8C87
7D7D78
6F6F69
64645F
595954
4E4E4A
43433F
383835
2C2C2A
21211F
161615
0B0B0A
000000
FFFFFF
EEEEEE
DEDEDD
CDCDCB
BDBDBA
ACACA9
9B9B98
8B8B87
7A7A75
6A6A64
595953
50504B
474742
3E3E3A
353532
2D2D2A
242421
1B1B19
121211
090908
000000
FFFFFF
ECECEC
D9D9D9
C6C6C5
B3B3B2
A1A19F
8E8E8C
7B7B79
686865
555552
42423F
3B3B39
353532
2E2E2C
282826
212120
1A1A19
141413
0D0D0D
070706
000000
FFFFFF
EAEAEA
D5D5D4
C0C0BF
ABABAA
969695
80807F
6B6B6A
565655
41413F
2C2C2A
282826
232322
1F1F1D
1A1A19
161615
121211
0D0D0D
090908
040404
000000
FFFFFF
E8E8E8
D0D0D0
B9B9B9
A2A2A1
8B8B8A
737373
5C5C5B
454544
2D2D2C
161615
141413
121211
0F0F0F
0D0D0D
0B0B0B
090908
070706
040404
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