Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/97d700-87c100-78ac00-699600-5a8100-4b6b00-3c5600-2d4000-1e2b00-0f1500-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 97D700
RGB: 151,215,0
Hex: 87C100
RGB: 135,193,0
Hex: 78AC00
RGB: 120,172,0
Hex: 699600
RGB: 105,150,0
Hex: 5A8100
RGB: 90,129,0
Hex: 4B6B00
RGB: 75,107,0
Hex: 3C5600
RGB: 60,86,0
Hex: 2D4000
RGB: 45,64,0
Hex: 1E2B00
RGB: 30,43,0
Hex: 0F1500
RGB: 15,21,0
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
F5FBE6
EAF7CC
E0F3B3
D5EF99
CBEB80
C1E766
B6E34D
ACDF33
A1DB1A
97D700
88C200
79AC00
6A9700
5B8100
4C6C00
3C5600
2D4000
1E2B00
0F1500
000000
FFFFFF
F3F9E6
E7F3CC
DBECB3
CFE699
C3E080
B7DA66
ABD44D
9FCD33
93C71A
87C100
7AAE00
6C9A00
5F8700
517400
446100
364D00
283A00
1B2700
0D1300
000000
FFFFFF
F2F7E6
E4EECC
D7E6B3
C9DE99
BCD680
AECD66
A1C54D
93BD33
86B41A
78AC00
6C9B00
608A00
547800
486700
3C5600
304500
243400
182200
0C1100
000000
FFFFFF
F0F5E6
E1EACC
D2E0B3
C3D599
B4CB80
A5C066
96B64D
87AB33
78A11A
699600
5F8700
547800
4A6900
3F5A00
354B00
2A3C00
1F2D00
151E00
0A0F00
000000
FFFFFF
EFF2E6
DEE6CC
CED9B3
BDCD99
ADC080
9CB366
8CA74D
7B9A33
6B8E1A
5A8100
517400
486700
3F5A00
364D00
2D4100
243400
1B2700
121A00
090D00
000000
FFFFFF
EDF0E6
DBE1CC
C9D3B3
B7C499
A5B580
93A666
81974D
6F8933
5D7A1A
4B6B00
446000
3C5600
354B00
2D4000
263600
1E2B00
162000
0F1500
070B00
000000
FFFFFF
ECEEE6
D8DDCC
C5CCB3
B1BB99
9EAB80
8A9A66
77894D
637833
50671A
3C5600
364D00
304500
2A3C00
243400
1E2B00
182200
121A00
0C1100
060900
000000
FFFFFF
EAECE6
D5D9CC
C0C6B3
ABB399
96A080
818C66
6C794D
576633
42531A
2D4000
293A00
243300
1F2D00
1B2600
172000
121A00
0D1300
090D00
040600
000000
FFFFFF
E9EAE6
D2D5CC
BCBFB3
A5AA99
8F9580
788066
626B4D
4B5533
35401A
1E2B00
1B2700
182200
151E00
121A00
0F1600
0C1100
090D00
060900
030400
000000
FFFFFF
E7E8E6
CFD0CC
B7B9B3
9FA199
878A80
6F7366
575B4D
3F4433
272C1A
0F1500
0E1300
0C1100
0B0F00
090D00
080B00
060800
040600
030400
010200
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