Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ccedd5-d1eed9-d6f0dd-dbf2e1-e0f4e5-e5f6ea-eaf7ee-eff9f2-f4fbf6-f9fdfa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: CCEDD5
RGB: 204,237,213
Hex: D1EED9
RGB: 209,238,217
Hex: D6F0DD
RGB: 214,240,221
Hex: DBF2E1
RGB: 219,242,225
Hex: E0F4E5
RGB: 224,244,229
Hex: E5F6EA
RGB: 229,246,234
Hex: EAF7EE
RGB: 234,247,238
Hex: EFF9F2
RGB: 239,249,242
Hex: F4FBF6
RGB: 244,251,246
Hex: F9FDFA
RGB: 249,253,250
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
FAFDFB
F5FBF7
F0FAF2
EBF8EE
E6F6EA
E0F4E6
DBF2E2
D6F1DD
D1EFD9
CCEDD5
B8D5C0
A3BEAA
8FA695
7A8E80
66776B
525F55
3D4740
292F2B
141815
000000
FFFFFF
FAFDFB
F6FCF7
F1FAF4
EDF8F0
E8F7EC
E3F5E8
DFF3E4
DAF1E1
D6F0DD
D1EED9
BCD6C3
A7BEAE
92A798
7D8F82
69776D
545F57
3F4741
2A302B
151816
000000
FFFFFF
FBFEFC
F7FCF8
F3FBF5
EFF9F1
EBF8EE
E6F6EB
E2F5E7
DEF3E4
DAF2E0
D6F0DD
C1D8C7
ABC0B1
96A89B
809085
6B786F
566058
404842
2B302C
151816
000000
FFFFFF
FBFEFC
F8FCF9
F4FBF6
F1FAF3
EDF9F0
E9F7ED
E6F6EA
E2F5E7
DFF3E4
DBF2E1
C5DACB
AFC2B4
99A99E
839187
6E7971
58615A
424943
2C302D
161816
000000
FFFFFF
FCFEFC
F9FDFA
F6FCF7
F3FBF5
F0FAF2
ECF8EF
E9F7ED
E6F6EA
E3F5E8
E0F4E5
CADCCE
B3C3B7
9DABA0
869289
707A73
5A625C
434945
2D312E
161817
000000
FFFFFF
FCFEFD
FAFDFB
F7FCF9
F5FBF7
F2FBF5
EFFAF2
EDF9F0
EAF8EE
E8F7EC
E5F6EA
CEDDD3
B7C5BB
A0ACA4
89948C
737B75
5C625E
454A46
2E312F
171917
000000
FFFFFF
FDFEFD
FBFDFC
F9FDFA
F7FCF8
F5FBF7
F2FAF5
F0F9F3
EEF9F1
ECF8F0
EAF7EE
D3DED6
BBC6BE
A4ADA7
8C948F
757C77
5E635F
464A47
2F3130
171918
000000
FFFFFF
FDFEFE
FCFEFC
FAFDFB
F9FDFA
F7FCF9
F5FBF7
F4FBF6
F2FAF5
F1FAF3
EFF9F2
D7E0DA
BFC7C2
A7AEA9
8F9591
787D79
606461
484B49
303230
181918
000000
FFFFFF
FEFFFE
FDFEFD
FCFEFC
FBFDFB
FAFDFB
F8FDFA
F7FCF9
F6FCF8
F5FBF7
F4FBF6
DCE2DD
C3C9C5
ABB0AC
929794
7A7E7B
626462
494B4A
313231
181919
000000
FFFFFF
FEFFFF
FEFFFE
FDFEFE
FDFEFD
FCFEFD
FBFEFC
FBFEFC
FAFDFB
FAFDFB
F9FDFA
E0E4E1
C7CAC8
AEB1AF
959896
7D7F7D
646564
4B4C4B
323332
191919
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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