Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5bd1cc-51bcb7-48a7a3-3f928e-367d7a-2d6866-245351-1b3e3d-122928-091414-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5BD1CC
RGB: 91,209,204
Hex: 51BCB7
RGB: 81,188,183
Hex: 48A7A3
RGB: 72,167,163
Hex: 3F928E
RGB: 63,146,142
Hex: 367D7A
RGB: 54,125,122
Hex: 2D6866
RGB: 45,104,102
Hex: 245351
RGB: 36,83,81
Hex: 1B3E3D
RGB: 27,62,61
Hex: 122928
RGB: 18,41,40
Hex: 091414
RGB: 9,20,20
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
EFFAFA
DEF6F5
CEF1F0
BDEDEB
ADE8E6
9DE3E0
8CDFDB
7CDAD6
6BD6D1
5BD1CC
52BCB8
49A7A3
40928F
377D7A
2E6966
245452
1B3F3D
122A29
091514
000000
FFFFFF
EEF8F8
DCF2F1
CBEBE9
B9E4E2
A8DEDB
97D7D4
85D0CD
74C9C5
62C3BE
51BCB7
49A9A5
419692
398480
31716E
295E5C
204B49
183837
102625
081312
000000
FFFFFF
EDF6F6
DAEDED
C8E5E3
B6DCDA
A4D3D1
91CAC8
7FC1BF
6DB9B5
5AB0AC
48A7A3
419693
3A8682
327572
2B6462
245452
1D4341
163231
0E2121
071110
000000
FFFFFF
ECF4F4
D9E9E8
C5DEDD
B2D3D2
9FC9C7
8CBEBB
79B3B0
65A8A5
529D99
3F928E
398380
327572
2C6663
265855
204947
193A39
132C2B
0D1D1C
060F0E
000000
FFFFFF
EBF2F2
D7E5E4
C3D8D7
AFCBCA
9BBEBD
86B1AF
72A4A2
5E9795
4A8A87
367D7A
31716E
2B6462
265855
204B49
1B3F3D
163231
102525
0B1918
050C0C
000000
FFFFFF
EAF0F0
D5E1E0
C0D2D1
ABC3C2
96B4B3
81A4A3
6C9594
578685
427775
2D6866
295E5C
245352
1F4947
1B3E3D
173433
122A29
0D1F1F
091514
040A0A
000000
FFFFFF
E9EEEE
D3DDDC
BDCBCB
A7BAB9
92A9A8
7C9897
668785
507574
3A6462
245351
204B49
1D4241
193A39
163231
122A29
0E2120
0B1918
071110
040808
000000
FFFFFF
E8ECEC
D1D8D8
BBC5C5
A4B2B1
8D9F9E
768B8B
5F7877
496564
325150
1B3E3D
183837
163231
132B2B
102525
0E1F1F
0B1918
081312
050C0C
030606
000000
FFFFFF
E7EAEA
D0D4D4
B8BFBF
A0A9A9
899494
717F7E
596969
415453
2A3E3E
122928
102524
0E2120
0D1D1C
0B1918
091514
071010
050C0C
040808
020404
000000
FFFFFF
E6E8E8
CED0D0
B5B9B9
9DA1A1
848A8A
6B7272
535B5B
3A4343
222C2C
091414
081212
071010
060E0E
050C0C
050A0A
040808
030606
020404
010202
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