Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/50ab18-61b32f-73bb46-84c45d-96cc74-a7d58b-b9dda2-cae5b9-dceed0-edf6e7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 50AB18
RGB: 80,171,24
Hex: 61B32F
RGB: 97,179,47
Hex: 73BB46
RGB: 115,187,70
Hex: 84C45D
RGB: 132,196,93
Hex: 96CC74
RGB: 150,204,116
Hex: A7D58B
RGB: 167,213,139
Hex: B9DDA2
RGB: 185,221,162
Hex: CAE5B9
RGB: 202,229,185
Hex: DCEED0
RGB: 220,238,208
Hex: EDF6E7
RGB: 237,246,231
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
EEF7E8
DCEED1
CBE6BA
B9DDA3
A8D58C
96CD74
85C45D
73BC46
62B32F
50AB18
489A16
408913
387811
30670E
28560C
20440A
183307
102205
081102
000000
FFFFFF
EFF7EA
DFF0D5
D0E8C1
C0E1AC
B0D997
A0D182
90CA6D
81C259
71BB44
61B32F
57A12A
4E8F26
447D21
3A6B1C
315A18
274813
1D360E
132409
0A1205
000000
FFFFFF
F1F8ED
E3F1DA
D5EBC8
C7E4B5
B9DDA3
ABD690
9DCF7E
8FC96B
81C259
73BB46
68A83F
5C9638
518331
45702A
3A5E23
2E4B1C
223815
17250E
0B1307
000000
FFFFFF
F3F9EF
E6F3DF
DAEDCE
CEE7BE
C2E2AE
B5DC9E
A9D68E
9DD07D
90CA6D
84C45D
77B054
6A9D4A
5C8941
4F7638
42622F
354E25
283B1C
1A2713
0D1409
000000
FFFFFF
F5FAF1
EAF5E3
E0F0D5
D5EBC7
CBE6BA
C0E0AC
B6DB9E
ABD690
A1D182
96CC74
87B868
78A35D
698F51
5A7A46
4B663A
3C522E
2D3D23
1E2917
0F140C
000000
FFFFFF
F6FBF3
EDF7E8
E5F2DC
DCEED1
D3EAC5
CAE6B9
C1E2AE
B9DDA2
B0D997
A7D58B
96C07D
86AA6F
759561
648053
546B46
435538
32402A
212B1C
11150E
000000
FFFFFF
F8FCF6
F1F8EC
EAF5E3
E3F1DA
DCEED1
D5EBC7
CEE7BE
C7E4B5
C0E0AB
B9DDA2
A7C792
94B182
829B71
6F8561
5D6F51
4A5841
374231
252C20
121610
000000
FFFFFF
FAFCF8
F4FAF1
EFF7EA
EAF5E3
E5F2DC
DFEFD5
DAEDCE
D5EAC7
CFE8C0
CAE5B9
B6CEA7
A2B794
8DA082
79896F
65735D
515C4A
3D4537
282E25
141712
000000
FFFFFF
FCFDFA
F8FCF6
F5FAF1
F1F8EC
EEF7E8
EAF5E3
E7F3DE
E3F1D9
E0F0D5
DCEED0
C6D6BB
B0BEA6
9AA792
848F7D
6E7768
585F53
42473E
2C302A
161815
000000
FFFFFF
FDFEFD
FBFDFA
FAFCF8
F8FBF5
F6FBF3
F4FAF1
F2F9EE
F1F8EC
EFF7E9
EDF6E7
D5DDD0
BEC5B9
A6ACA2
8E948B
777B74
5F625C
474A45
2F312E
181917
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