Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ddf7e6-c6decf-b0c5b8-9aaca1-84948a-6e7b73-58625c-424a45-2c312e-161817-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: DDF7E6
RGB: 221,247,230
Hex: C6DECF
RGB: 198,222,207
Hex: B0C5B8
RGB: 176,197,184
Hex: 9AACA1
RGB: 154,172,161
Hex: 84948A
RGB: 132,148,138
Hex: 6E7B73
RGB: 110,123,115
Hex: 58625C
RGB: 88,98,92
Hex: 424A45
RGB: 66,74,69
Hex: 2C312E
RGB: 44,49,46
Hex: 161817
RGB: 22,24,23
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
FCFEFD
F8FDFA
F5FDF8
F1FCF5
EEFBF3
EBFAF0
E7F9EE
E4F9EB
E0F8E9
DDF7E6
C7DECF
B1C6B8
9BADA1
85948A
6F7C73
58635C
424A45
2C312E
161917
000000
FFFFFF
F9FCFA
F4F8F5
EEF5F1
E8F2EC
E3EFE7
DDEBE2
D7E8DD
D1E5D9
CCE1D4
C6DECF
B2C8BA
9EB2A6
8B9B91
77857C
636F68
4F5953
3B433E
282C29
141615
000000
FFFFFF
F7F9F8
EFF3F1
E7EEEA
DFE8E3
D8E2DC
D0DCD4
C8D6CD
C0D1C6
B8CBBF
B0C5B8
9EB1A6
8D9E93
7B8A81
6A766E
58635C
464F4A
353B37
232725
121412
000000
FFFFFF
F5F7F6
EBEEEC
E1E6E3
D7DED9
CDD6D0
C2CDC7
B8C5BD
AEBDB4
A4B4AA
9AACA1
8B9B91
7B8A81
6C7871
5C6761
4D5651
3E4540
2E3430
1F2220
0F1110
000000
FFFFFF
F3F4F3
E6EAE8
DADFDC
CED4D0
C2CAC5
B5BFB9
A9B4AD
9DA9A1
909F96
84948A
77857C
6A766E
5C6861
4F5953
424A45
353B37
282C29
1A1E1C
0D0F0E
000000
FFFFFF
F1F2F1
E2E5E3
D4D7D5
C5CAC7
B7BDB9
A8B0AB
9AA39D
8B958F
7D8881
6E7B73
636F68
58625C
4D5651
424A45
373E3A
2C312E
212522
161917
0B0C0B
000000
FFFFFF
EEEFEF
DEE0DE
CDD0CE
BCC0BE
ACB1AE
9BA19D
8A918D
79817D
69726C
58625C
4F5853
464E4A
3E4540
353B37
2C312E
232725
1A1D1C
121412
090A09
000000
FFFFFF
ECEDEC
D9DBDA
C6C9C7
B3B7B5
A1A5A2
8E928F
7B807D
686E6A
555C58
424A45
3B433E
353B37
2E3430
282C29
212523
1A1E1C
141615
0D0F0E
070707
000000
FFFFFF
EAEAEA
D5D6D5
C0C1C0
ABADAB
969897
808382
6B6F6D
565A58
414643
2C312E
282C29
232725
1F2220
1A1D1C
161917
121412
0D0F0E
090A09
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9BAB9
A2A3A2
8B8C8B
737474
5C5D5D
454645
2D2F2E
161817
141615
121312
0F1110
0D0E0E
0B0C0C
090A09
070707
040505
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