Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ccc8ea-d1ceec-d6d3ee-dbd8f0-e0def2-e6e4f4-ebe9f7-f0eef9-f5f4fb-fafafd-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: CCC8EA
RGB: 204,200,234
Hex: D1CEEC
RGB: 209,206,236
Hex: D6D3EE
RGB: 214,211,238
Hex: DBD8F0
RGB: 219,216,240
Hex: E0DEF2
RGB: 224,222,242
Hex: E6E4F4
RGB: 230,228,244
Hex: EBE9F7
RGB: 235,233,247
Hex: F0EEF9
RGB: 240,238,249
Hex: F5F4FB
RGB: 245,244,251
Hex: FAFAFD
RGB: 250,250,253
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
FAFAFD
F5F4FB
F0EFF9
EBE9F7
E6E4F5
E0DEF2
DBD9F0
D6D3EE
D1CEEC
CCC8EA
B8B4D3
A3A0BB
8F8CA4
7A788C
666475
52505E
3D3C46
29282F
141417
000000
FFFFFF
FAFAFD
F6F5FB
F1F0F9
EDEBF7
E8E7F6
E3E2F4
DFDDF2
DAD8F0
D6D3EE
D1CEEC
BCB9D4
A7A5BD
9290A5
7D7C8E
696776
54525E
3F3E47
2A292F
151518
000000
FFFFFF
FBFBFD
F7F6FC
F3F2FA
EFEDF8
EBE9F7
E6E5F5
E2E0F3
DEDCF1
DAD7F0
D6D3EE
C1BED6
ABA9BE
9694A7
807F8F
6B6A77
56545F
403F47
2B2A30
151518
000000
FFFFFF
FBFBFE
F8F7FC
F4F3FB
F1EFF9
EDECF8
E9E8F6
E6E4F5
E2E0F3
DFDCF2
DBD8F0
C5C2D8
AFADC0
9997A8
838290
6E6C78
585660
424148
2C2B30
161618
000000
FFFFFF
FCFCFE
F9F8FC
F6F5FB
F3F2FA
F0EFF9
ECEBF7
E9E8F6
E6E5F5
E3E1F3
E0DEF2
CAC8DA
B3B2C2
9D9BA9
868591
706F79
5A5961
434349
2D2C30
161618
000000
FFFFFF
FDFCFE
FAFAFD
F8F7FC
F5F4FB
F3F2FA
F0EFF8
EEECF7
EBE9F6
E9E7F5
E6E4F4
CFCDDC
B8B6C3
A1A0AB
8A8992
73727A
5C5B62
454449
2E2E31
171718
000000
FFFFFF
FDFDFE
FBFBFD
F9F8FD
F7F6FC
F5F4FB
F3F2FA
F1F0F9
EFEDF9
EDEBF8
EBE9F7
D4D2DE
BCBAC6
A5A3AD
8D8C94
76757C
5E5D63
46464A
2F2F31
171719
000000
FFFFFF
FEFDFE
FCFCFE
FBFAFD
F9F8FD
F8F7FC
F6F5FB
F5F3FB
F3F1FA
F2F0FA
F0EEF9
D8D6E0
C0BEC7
A8A7AE
908F95
78777D
605F64
48474B
303032
181819
000000
FFFFFF
FEFEFF
FDFDFE
FCFCFE
FBFBFD
FAFAFD
F9F8FD
F8F7FC
F7F6FC
F6F5FB
F5F4FB
DDDCE2
C4C3C9
ACABB0
939297
7B7A7E
626264
49494B
313132
181819
000000
FFFFFF
FFFFFF
FEFEFF
FEFEFE
FDFDFE
FDFDFE
FCFCFE
FCFCFE
FBFBFD
FBFBFD
FAFAFD
E1E1E4
C8C8CA
AFAFB1
969698
7D7D7F
646465
4B4B4C
323233
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