Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5bccc9-6bd1ce-7bd6d3-8cdbd9-9ce0de-ade5e4-bdeae9-cdefee-def4f4-eef9f9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5BCCC9
RGB: 91,204,201
Hex: 6BD1CE
RGB: 107,209,206
Hex: 7BD6D3
RGB: 123,214,211
Hex: 8CDBD9
RGB: 140,219,217
Hex: 9CE0DE
RGB: 156,224,222
Hex: ADE5E4
RGB: 173,229,228
Hex: BDEAE9
RGB: 189,234,233
Hex: CDEFEE
RGB: 205,239,238
Hex: DEF4F4
RGB: 222,244,244
Hex: EEF9F9
RGB: 238,249,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
EFFAFA
DEF5F4
CEF0EF
BDEBE9
ADE6E4
9DE0DF
8CDBD9
7CD6D4
6BD1CE
5BCCC9
52B8B5
49A3A1
408F8D
377A79
2E6665
245250
1B3D3C
122928
091414
000000
FFFFFF
F0FAFA
E1F6F5
D3F1F0
C4EDEB
B5E8E7
A6E3E2
97DFDD
89DAD8
7AD6D3
6BD1CE
60BCB9
56A7A5
4B9290
407D7C
366967
2B5452
203F3E
152A29
0B1515
000000
FFFFFF
F2FBFB
E5F7F6
D7F3F2
CAEFED
BDEBE9
B0E6E5
A3E2E0
95DEDC
88DAD7
7BD6D3
6FC1BE
62ABA9
569694
4A807F
3E6B6A
315654
25403F
192B2A
0C1515
000000
FFFFFF
F4FBFB
E8F8F7
DDF4F4
D1F1F0
C6EDEC
BAE9E8
AFE6E4
A3E2E1
98DFDD
8CDBD9
7EC5C3
70AFAE
629998
548382
466E6D
385857
2A4241
1C2C2B
0E1616
000000
FFFFFF
F5FCFC
EBF9F8
E1F6F5
D7F3F2
CEF0EF
C4ECEB
BAE9E8
B0E6E5
A6E3E1
9CE0DE
8CCAC8
7DB3B2
6D9D9B
5E8685
4E706F
3E5A59
2F4343
1F2D2C
101616
000000
FFFFFF
F7FCFC
EFFAFA
E6F7F7
DEF5F4
D6F2F2
CEEFEF
C6EDEC
BDEAE9
B5E8E7
ADE5E4
9CCECD
8AB7B6
79A0A0
688989
577372
455C5B
344544
232E2E
111717
000000
FFFFFF
F8FDFD
F2FBFB
EBF9F8
E5F7F6
DEF5F4
D7F2F2
D1F0F0
CAEEED
C4ECEB
BDEAE9
AAD3D2
97BBBA
84A4A3
718C8C
5F7575
4C5E5D
394646
262F2F
131717
000000
FFFFFF
FAFDFD
F5FCFC
F0FAFA
EBF9F8
E6F7F7
E1F5F5
DCF4F3
D7F2F1
D2F1F0
CDEFEE
B9D7D6
A4BFBE
90A7A7
7B8F8F
677877
52605F
3D4847
293030
141818
000000
FFFFFF
FCFEFE
F8FDFD
F5FCFC
F2FBFB
EFFAFA
EBF8F8
E8F7F7
E5F6F6
E1F5F5
DEF4F4
C8DCDC
B2C3C3
9BABAB
859292
6F7A7A
596262
434949
2C3131
161818
000000
FFFFFF
FDFEFE
FCFEFE
FAFDFD
F8FDFD
F7FCFC
F5FBFB
F3FBFB
F1FAFA
F0FAFA
EEF9F9
D6E0E0
BEC7C7
A7AEAE
8F9595
777D7D
5F6464
474B4B
303232
181919
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