Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5dae61-539c57-4a8b4d-417943-37683a-2e5730-254526-1b341d-122213-091109-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5DAE61
RGB: 93,174,97
Hex: 539C57
RGB: 83,156,87
Hex: 4A8B4D
RGB: 74,139,77
Hex: 417943
RGB: 65,121,67
Hex: 37683A
RGB: 55,104,58
Hex: 2E5730
RGB: 46,87,48
Hex: 254526
RGB: 37,69,38
Hex: 1B341D
RGB: 27,52,29
Hex: 122213
RGB: 18,34,19
Hex: 091109
RGB: 9,17,9
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
EFF7EF
DFEFDF
CEE7D0
BEDFC0
AED7B0
9ECEA0
8EC690
7DBE81
6DB671
5DAE61
549D57
4A8B4E
417A44
38683A
2F5731
254627
1C341D
132313
09110A
000000
FFFFFF
EEF5EE
DDEBDD
CBE1CD
BAD7BC
A9CEAB
98C49A
87BA89
75B079
64A668
539C57
4B8C4E
427D46
3A6D3D
325E34
2A4E2C
213E23
192F1A
111F11
081009
000000
FFFFFF
EDF3ED
DBE8DB
C9DCCA
B7D1B8
A5C5A6
92B994
80AE82
6EA271
5C975F
4A8B4D
437D45
3B6F3E
346136
2C532E
254627
1E381F
162A17
0F1C0F
070E08
000000
FFFFFF
ECF2EC
D9E4D9
C6D7C7
B3C9B4
A0BCA1
8DAF8E
7AA17B
679469
548656
417943
3B6D3C
346136
2E552F
274928
213D22
1A301B
132414
0D180D
060C07
000000
FFFFFF
EBF0EB
D7E1D8
C3D2C4
AFC3B0
9BB49D
87A489
739575
5F8661
4B774E
37683A
325E34
2C532E
274929
213E23
1C341D
162A17
101F11
0B150C
050A06
000000
FFFFFF
EAEEEA
D5DDD6
C0CDC1
ABBCAC
97AB98
829A83
6D896E
587959
436845
2E5730
294E2B
254626
203D22
1C341D
172C18
122313
0E1A0E
09110A
050905
000000
FFFFFF
E9ECE9
D3DAD4
BEC7BE
A8B5A8
92A293
7C8F7D
667D67
516A51
3B583C
254526
213E22
1E371E
1A301B
162917
132313
0F1C0F
0B150B
070E08
040704
000000
FFFFFF
E8EBE8
D1D6D2
BBC2BB
A4AEA5
8D9A8E
768577
5F7161
495D4A
324834
1B341D
182F1A
162A17
132414
101F11
0E1A0F
0B150C
081009
050A06
030503
000000
FFFFFF
E7E9E7
D0D3D0
B8BDB8
A0A7A1
899189
717A71
59645A
414E42
2A382B
122213
101F11
0E1B0F
0D180D
0B140B
09110A
070E08
050A06
040704
020302
000000
FFFFFF
E6E7E6
CECFCE
B5B8B5
9DA09D
848884
6B706B
535853
3A413A
222922
091109
080F08
070E07
060C06
050A05
050905
040704
030503
020302
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