Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ccc3ba-b7afa7-a39c94-8e8882-7a756f-66615d-514d4a-3d3a37-282725-141312-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: CCC3BA
RGB: 204,195,186
Hex: B7AFA7
RGB: 183,175,167
Hex: A39C94
RGB: 163,156,148
Hex: 8E8882
RGB: 142,136,130
Hex: 7A756F
RGB: 122,117,111
Hex: 66615D
RGB: 102,97,93
Hex: 514D4A
RGB: 81,77,74
Hex: 3D3A37
RGB: 61,58,55
Hex: 282725
RGB: 40,39,37
Hex: 141312
RGB: 20,19,18
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
FAF9F8
F5F3F1
F0EDEA
EBE7E3
E6E1DD
E0DBD6
DBD5CF
D6CFC8
D1C9C1
CCC3BA
B8B0A7
A39C95
8F8982
7A7570
66625D
524E4A
3D3A38
292725
141313
000000
FFFFFF
F8F7F6
F1EFED
E9E7E5
E2DFDC
DBD7D3
D4CFCA
CDC7C1
C5BFB9
BEB7B0
B7AFA7
A59E96
928C86
807A75
6E6964
5C5854
494643
373432
252321
121111
000000
FFFFFF
F6F5F4
EDEBEA
E3E1DF
DAD7D4
D1CECA
C8C4BF
BFBAB4
B5B0A9
ACA69F
A39C94
938C85
827D76
726D68
625E59
524E4A
413E3B
312F2C
211F1E
10100F
000000
FFFFFF
F4F3F3
E8E7E6
DDDBDA
D2CFCD
C7C4C1
BBB8B4
B0ACA8
A5A09B
99948F
8E8882
807A75
726D68
635F5B
55524E
474441
393634
2B2927
1C1B1A
0E0E0D
000000
FFFFFF
F2F1F1
E4E3E2
D7D6D4
CAC8C5
BDBAB7
AFACA9
A29E9A
95918C
87837D
7A756F
6E6964
625E59
55524E
494643
3D3B38
312F2C
252321
181716
0C0C0B
000000
FFFFFF
F0EFEF
E0DFDF
D1D0CE
C2C0BE
B3B0AE
A3A09E
94908E
85817D
75716D
66615D
5C5754
524E4A
474441
3D3A38
33312F
292725
1F1D1C
141313
0A0A09
000000
FFFFFF
EEEDED
DCDBDB
CBCAC9
B9B8B7
A8A6A5
979492
858280
74716E
625F5C
514D4A
494543
413E3B
393634
312E2C
292725
201F1E
181716
100F0F
080807
000000
FFFFFF
ECEBEB
D8D8D7
C5C4C3
B1B0AF
9E9D9B
8B8987
777573
64615F
504E4B
3D3A37
373432
312E2C
2B2927
252321
1F1D1C
181716
121110
0C0C0B
060605
000000
FFFFFF
EAE9E9
D4D4D3
BFBEBE
A9A9A8
949392
7E7D7C
696866
535251
3E3D3B
282725
242321
201F1E
1C1B1A
181716
141413
10100F
0C0C0B
080807
040404
000000
FFFFFF
E8E7E7
D0D0D0
B9B8B8
A1A1A0
8A8989
727171
5B5A59
434241
2C2B2A
141312
121110
100F0E
0E0D0D
0C0B0B
0A0A09
080807
060605
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