Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/c4eae0-c9ece3-cfeee6-d5f0e9-dbf2ec-e1f4ef-e7f6f2-edf8f5-f3faf8-f9fcfb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: C4EAE0
RGB: 196,234,224
Hex: C9ECE3
RGB: 201,236,227
Hex: CFEEE6
RGB: 207,238,230
Hex: D5F0E9
RGB: 213,240,233
Hex: DBF2EC
RGB: 219,242,236
Hex: E1F4EF
RGB: 225,244,239
Hex: E7F6F2
RGB: 231,246,242
Hex: EDF8F5
RGB: 237,248,245
Hex: F3FAF8
RGB: 243,250,248
Hex: F9FCFB
RGB: 249,252,251
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
F9FDFC
F3FBF9
EDF9F6
E7F7F3
E2F5F0
DCF2EC
D6F0E9
D0EEE6
CAECE3
C4EAE0
B0D3CA
9DBBB3
89A49D
768C86
627570
4E5E5A
3B4643
272F2D
141716
000000
FFFFFF
FAFDFC
F4FBF9
EFF9F7
E9F7F4
E4F6F1
DFF4EE
D9F2EB
D4F0E9
CEEEE6
C9ECE3
B5D4CC
A1BDB6
8DA59F
798E88
657672
505E5B
3C4744
282F2D
141817
000000
FFFFFF
FAFDFD
F5FCFA
F1FAF8
ECF8F5
E7F7F3
E2F5F0
DDF3EE
D9F1EB
D4F0E9
CFEEE6
BAD6CF
A6BEB8
91A7A1
7C8F8A
687773
535F5C
3E4745
29302E
151817
000000
FFFFFF
FBFEFD
F7FCFB
F2FBF8
EEF9F6
EAF8F4
E6F6F2
E2F5F0
DDF3ED
D9F2EB
D5F0E9
C0D8D2
AAC0BA
95A8A3
80908C
6B7875
55605D
404846
2B302F
151817
000000
FFFFFF
FBFEFD
F8FCFB
F4FBF9
F1FAF7
EDF9F6
E9F7F4
E6F6F2
E2F5F0
DFF3EE
DBF2EC
C5DAD4
AFC2BD
99A9A5
83918E
6E7976
58615E
424947
2C302F
161818
000000
FFFFFF
FCFEFD
F9FDFC
F6FCFA
F3FBF9
F0FAF7
EDF8F5
EAF7F4
E7F6F2
E4F5F1
E1F4EF
CBDCD7
B4C3BF
9EABA7
87928F
717A78
5A6260
434948
2D3130
161818
000000
FFFFFF
FDFEFE
FAFDFC
F8FCFB
F5FBFA
F3FBF9
F1FAF7
EEF9F6
ECF8F5
E9F7F3
E7F6F2
D0DDDA
B9C5C2
A2ACA9
8B9491
747B79
5C6261
454A49
2E3130
171918
000000
FFFFFF
FDFEFE
FBFEFD
FAFDFC
F8FCFB
F6FCFA
F4FBF9
F2FAF8
F1F9F7
EFF9F6
EDF8F5
D5DFDD
BEC6C4
A6AEAC
8E9593
777C7B
5F6362
474A49
2F3231
181918
000000
FFFFFF
FEFFFE
FDFEFE
FBFEFD
FAFDFC
F9FDFC
F8FCFB
F7FCFA
F5FBF9
F4FBF9
F3FAF8
DBE1DF
C2C8C6
AAAFAE
929695
7A7D7C
616463
494B4A
313232
181919
000000
FFFFFF
FEFFFF
FEFEFE
FDFEFE
FDFEFD
FCFEFD
FBFDFD
FBFDFC
FAFDFC
FAFCFB
F9FCFB
E0E3E2
C7CAC9
AEB0B0
959797
7D7E7E
646564
4B4C4B
323232
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