Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/00c0cc-19c6d1-33ccd6-4cd2db-66d9e0-7fdfe5-99e5ea-b2ecef-ccf2f4-e5f8f9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 00C0CC
RGB: 0,192,204
Hex: 19C6D1
RGB: 25,198,209
Hex: 33CCD6
RGB: 51,204,214
Hex: 4CD2DB
RGB: 76,210,219
Hex: 66D9E0
RGB: 102,217,224
Hex: 7FDFE5
RGB: 127,223,229
Hex: 99E5EA
RGB: 153,229,234
Hex: B2ECEF
RGB: 178,236,239
Hex: CCF2F4
RGB: 204,242,244
Hex: E5F8F9
RGB: 229,248,249
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
E6F9FA
CCF2F5
B3ECF0
99E6EB
80E0E6
66D9E0
4DD3DB
33CDD6
1AC6D1
00C0CC
00ADB8
009AA3
00868F
00737A
006066
004D52
003A3D
002629
001314
000000
FFFFFF
E8F9FA
D1F4F6
BAEEF1
A3E8ED
8CE3E8
75DDE3
5ED7DF
47D1DA
30CCD6
19C6D1
17B2BC
149EA7
128B92
0F777D
0D6369
0A4F54
073B3F
05282A
021415
000000
FFFFFF
EBFAFB
D6F5F7
C2F0F3
ADEBEF
99E6EB
85E0E6
70DBE2
5CD6DE
47D1DA
33CCD6
2EB8C1
29A3AB
248F96
1F7A80
1A666B
145256
0F3D40
0A292B
051415
000000
FFFFFF
EDFBFB
DBF6F8
C9F2F4
B7EDF1
A6E9ED
94E4E9
82E0E6
70DBE2
5ED7DF
4CD2DB
44BDC5
3DA8AF
359399
2E7E83
26696E
1E5458
173F42
0F2A2C
081516
000000
FFFFFF
F0FBFC
E0F7F9
D1F4F6
C2F0F3
B3ECF0
A3E8EC
94E4E9
85E1E6
75DDE3
66D9E0
5CC3CA
52AEB3
47989D
3D8286
336D70
29575A
1F4143
142B2D
0A1616
000000
FFFFFF
F2FCFC
E5F9FA
D9F5F7
CCF2F5
BFEFF2
B2ECEF
A5E9ED
99E5EA
8CE2E8
7FDFE5
72C9CE
66B2B7
599CA0
4C8689
407073
33595C
264345
192D2E
0D1617
000000
FFFFFF
F5FCFD
EBFAFB
E0F7F9
D6F5F7
CCF2F5
C2EFF2
B8EDF0
ADEAEE
A3E8EC
99E5EA
8ACED3
7AB7BB
6BA0A4
5C898C
4D7375
3D5C5E
2E4546
1F2E2F
0F1717
000000
FFFFFF
F7FDFD
F0FBFC
E8F9FA
E0F7F9
D9F6F7
D1F4F5
C9F2F4
C1F0F2
BAEEF1
B2ECEF
A0D4D7
8EBDBF
7DA5A7
6B8E8F
597678
475E60
354748
242F30
121818
000000
FFFFFF
FAFEFE
F5FCFD
F0FBFC
EBFAFB
E6F9FA
E0F7F8
DBF6F7
D6F5F6
D1F3F5
CCF2F4
B8DADC
A3C2C3
8FA9AB
7A9192
66797A
526162
3D4949
293031
141818
000000
FFFFFF
FCFEFE
FAFEFE
F7FDFD
F5FCFD
F2FCFC
EFFBFB
EDFAFB
EAF9FA
E8F9FA
E5F8F9
CEDFE0
B7C6C7
A0AEAE
899595
737C7D
5C6364
454A4B
2E3232
171919
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