Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5dc687-53b279-4a9e6c-418a5e-377651-2e6343-254f36-1b3b28-12271b-09130d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5DC687
RGB: 93,198,135
Hex: 53B279
RGB: 83,178,121
Hex: 4A9E6C
RGB: 74,158,108
Hex: 418A5E
RGB: 65,138,94
Hex: 377651
RGB: 55,118,81
Hex: 2E6343
RGB: 46,99,67
Hex: 254F36
RGB: 37,79,54
Hex: 1B3B28
RGB: 27,59,40
Hex: 12271B
RGB: 18,39,27
Hex: 09130D
RGB: 9,19,13
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
EFF9F3
DFF4E7
CEEEDB
BEE8CF
AEE3C3
9EDDB7
8ED7AB
7DD19F
6DCC93
5DC687
54B27A
4A9E6C
418B5F
387751
2F6344
254F36
1C3B28
13281B
09140D
000000
FFFFFF
EEF7F2
DDF0E4
CBE8D7
BAE0C9
A9D9BC
98D1AF
87C9A1
75C194
64BA86
53B279
4BA06D
428E61
3A7D55
326B49
2A593D
214730
193524
112418
08120C
000000
FFFFFF
EDF5F0
DBECE2
C9E2D3
B7D8C4
A5CFB6
92C5A7
80BB98
6EB189
5CA87B
4A9E6C
438E61
3B7E56
346F4C
2C5F41
254F36
1E3F2B
162F20
0F2016
07100B
000000
FFFFFF
ECF3EF
D9E8DF
C6DCCF
B3D0BF
A0C5AF
8DB99E
7AAD8E
67A17E
54966E
418A5E
3B7C55
346E4B
2E6142
275338
21452F
1A3726
13291C
0D1C13
060E09
000000
FFFFFF
EBF1EE
D7E4DC
C3D6CB
AFC8B9
9BBBA8
87AD97
739F85
5F9174
4B8462
377651
326A49
2C5E41
275339
214731
1C3B29
162F20
102318
0B1810
050C08
000000
FFFFFF
EAEFEC
D5E0D9
C0D0C7
ABC1B4
97B1A1
82A18E
6D927B
588269
437356
2E6343
29593C
254F36
20452F
1C3B28
173222
12281B
0E1E14
09140D
050A07
000000
FFFFFF
E9EDEB
D3DCD7
BECAC3
A8B9AF
92A79B
7C9586
668472
51725E
3B614A
254F36
214731
1E3F2B
1A3726
162F20
13281B
0F2016
0B1810
07100B
040805
000000
FFFFFF
E8EBEA
D1D8D4
BBC4BF
A4B1A9
8D9D94
76897E
5F7669
496253
324F3E
1B3B28
183524
162F20
13291C
102318
0E1E14
0B1810
08120C
050C08
030604
000000
FFFFFF
E7E9E8
D0D4D1
B8BEBB
A0A9A4
89938D
717D76
59685F
415249
2A3D32
12271B
102318
0E1F16
0D1B13
0B1710
09140E
07100B
050C08
040805
020403
000000
FFFFFF
E6E7E7
CED0CF
B5B8B6
9DA19E
848986
6B716E
535A56
3A423D
222B25
09130D
08110C
070F0A
060D09
050B08
050A07
040805
030604
020403
010201
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