Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/cdf6da-b8ddc4-a4c4ae-8fac98-7b9382-667b6d-516257-3d4941-29312b-141815-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: CDF6DA
RGB: 205,246,218
Hex: B8DDC4
RGB: 184,221,196
Hex: A4C4AE
RGB: 164,196,174
Hex: 8FAC98
RGB: 143,172,152
Hex: 7B9382
RGB: 123,147,130
Hex: 667B6D
RGB: 102,123,109
Hex: 516257
RGB: 81,98,87
Hex: 3D4941
RGB: 61,73,65
Hex: 29312B
RGB: 41,49,43
Hex: 141815
RGB: 20,24,21
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
FAFEFB
F5FDF8
F0FCF4
EBFBF0
E6FBED
E1FAE9
DCF9E5
D7F8E1
D2F7DE
CDF6DA
B9DDC4
A4C5AE
90AC99
7B9483
677B6D
526257
3D4A41
29312C
141916
000000
FFFFFF
F8FCF9
F1F8F3
EAF5ED
E3F1E7
DCEEE2
D4EBDC
CDE7D6
C6E4D0
BFE0CA
B8DDC4
A6C7B0
93B19D
819B89
6E8576
5C6F62
4A584E
37423B
252C27
121614
000000
FFFFFF
F6F9F7
EDF3EF
E4EDE7
DBE7DF
D2E2D7
C8DCCE
BFD6C6
B6D0BE
ADCAB6
A4C4AE
94B09D
839D8B
73897A
627668
526257
424E46
313B34
212723
101411
000000
FFFFFF
F4F7F5
E9EEEA
DDE6E0
D2DED6
C7D6CC
BCCDC1
B1C5B7
A5BDAD
9AB4A2
8FAC98
819B89
728A7A
64786A
56675B
48564C
39453D
2B342E
1D221E
0E110F
000000
FFFFFF
F2F4F3
E5E9E6
D7DFDA
CAD4CD
BDC9C1
B0BEB4
A3B3A8
95A99B
889E8F
7B9382
6F8475
627668
56675B
4A584E
3E4A41
313B34
252C27
191D1A
0C0F0D
000000
FFFFFF
F0F2F0
E0E5E2
D1D7D3
C2CAC5
B3BDB6
A3B0A7
94A399
85958A
75887C
667B6D
5C6F62
526257
47564C
3D4A41
333E37
29312C
1F2521
141916
0A0C0B
000000
FFFFFF
EEEFEE
DCE0DD
CBD0CD
B9C0BC
A8B1AB
97A19A
859189
748179
627268
516257
49584E
414E46
39453D
313B34
29312C
202723
181D1A
101411
080A09
000000
FFFFFF
ECEDEC
D8DBD9
C5C8C6
B1B6B3
9EA4A0
8B928D
77807A
646D67
505B54
3D4941
37423B
313A34
2B332E
252C27
1F2521
181D1A
121613
0C0F0D
060706
000000
FFFFFF
EAEAEA
D4D6D5
BFC1BF
A9ADAA
949895
7F8380
696F6B
545A55
3E4640
29312B
252C27
212722
1D221E
191D1A
151916
101411
0C0F0D
080A09
040504
000000
FFFFFF
E8E8E8
D0D1D0
B9BAB9
A1A3A1
8A8C8A
727473
5B5D5B
434644
2C2F2C
141815
121613
101311
0E110F
0C0E0D
0A0C0B
080A08
060706
040504
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