Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/c7f0de-b3d8c7-9fc0b1-8ba89b-779085-63786f-4f6058-3b4842-27302c-131816-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: C7F0DE
RGB: 199,240,222
Hex: B3D8C7
RGB: 179,216,199
Hex: 9FC0B1
RGB: 159,192,177
Hex: 8BA89B
RGB: 139,168,155
Hex: 779085
RGB: 119,144,133
Hex: 63786F
RGB: 99,120,111
Hex: 4F6058
RGB: 79,96,88
Hex: 3B4842
RGB: 59,72,66
Hex: 27302C
RGB: 39,48,44
Hex: 131816
RGB: 19,24,22
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
F9FEFC
F4FCF8
EEFBF5
E9F9F2
E3F8EF
DDF6EB
D8F5E8
D2F3E5
CDF2E1
C7F0DE
B3D8C8
9FC0B2
8BA89B
779085
64786F
506059
3C4843
28302C
141816
000000
FFFFFF
F7FBF9
F0F7F4
E8F3EE
E1EFE9
D9ECE3
D1E8DD
CAE4D8
C2E0D2
BBDCCD
B3D8C7
A1C2B3
8FAD9F
7D978B
6B8277
5A6C64
485650
36413C
242B28
121614
000000
FFFFFF
F5F9F7
ECF2EF
E2ECE8
D9E6E0
CFE0D8
C5D9D0
BCD3C8
B2CDC1
A9C6B9
9FC0B1
8FAD9F
7F9A8E
6F867C
5F736A
506059
404D47
303A35
202623
101312
000000
FFFFFF
F3F6F5
E8EEEB
DCE5E1
D1DCD7
C5D4CD
B9CBC3
AEC2B9
A2B9AF
97B1A5
8BA89B
7D978C
6F867C
61766D
53655D
46544E
38433E
2A322E
1C221F
0E110F
000000
FFFFFF
F1F4F3
E4E9E7
D6DEDA
C9D3CE
BBC8C2
ADBCB6
A0B1AA
92A69D
859B91
779085
6B8278
5F736A
53655D
475650
3C4843
303A35
242B28
181D1B
0C0E0D
000000
FFFFFF
EFF2F1
E0E4E2
D0D7D4
C1C9C5
B1BCB7
A1AEA9
92A19A
82938C
73867D
63786F
596C64
4F6059
45544E
3B4843
323C38
28302C
1E2421
141816
0A0C0B
000000
FFFFFF
EDEFEE
DCDFDE
CACFCD
B9BFBC
A7B0AC
95A09B
84908A
728079
617069
4F6058
47564F
3F4D46
37433E
2F3A35
28302C
202623
181D1A
101312
080A09
000000
FFFFFF
EBEDEC
D8DAD9
C4C8C6
B1B6B3
9DA4A1
89918E
767F7B
626D68
4F5A55
3B4842
35413B
2F3A35
29322E
232B28
1E2421
181D1A
121614
0C0E0D
060707
000000
FFFFFF
E9EAEA
D4D6D5
BEC1C0
A9ACAB
939896
7D8380
686E6B
525956
3D4541
27302C
232B28
1F2623
1B221F
171D1A
141816
101312
0C0E0D
080A09
040504
000000
FFFFFF
E7E8E8
D0D1D0
B8BAB9
A1A3A2
898C8B
717473
5A5D5C
424645
2B2F2D
131816
111614
0F1312
0D110F
0B0E0D
0A0C0B
080A09
060707
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