Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/97d700-a1db19-abdf33-b6e34c-c0e766-cbeb7f-d5ef99-dff3b2-eaf7cc-f4fbe5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 97D700
RGB: 151,215,0
Hex: A1DB19
RGB: 161,219,25
Hex: ABDF33
RGB: 171,223,51
Hex: B6E34C
RGB: 182,227,76
Hex: C0E766
RGB: 192,231,102
Hex: CBEB7F
RGB: 203,235,127
Hex: D5EF99
RGB: 213,239,153
Hex: DFF3B2
RGB: 223,243,178
Hex: EAF7CC
RGB: 234,247,204
Hex: F4FBE5
RGB: 244,251,229
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
F5FBE6
EAF7CC
E0F3B3
D5EF99
CBEB80
C1E766
B6E34D
ACDF33
A1DB1A
97D700
88C200
79AC00
6A9700
5B8100
4C6C00
3C5600
2D4000
1E2B00
0F1500
000000
FFFFFF
F6FBE8
ECF8D1
E3F4BA
D9F1A3
D0ED8C
C7E975
BDE65E
B4E247
AADF30
A1DB19
91C517
81AF14
719912
61830F
516E0D
40580A
304207
202C05
101602
000000
FFFFFF
F7FCEB
EEF9D6
E6F5C2
DDF2AD
D5EF99
CDEC85
C4E970
BCE55C
B3E247
ABDF33
9AC92E
89B229
789C24
67861F
56701A
445914
33430F
222D0A
111605
000000
FFFFFF
F8FCED
F0F9DB
E9F7C9
E2F4B7
DBF1A6
D3EE94
CCEB82
C5E970
BDE65E
B6E34C
A4CC44
92B63D
7F9F35
6D882E
5B7226
495B1E
374417
242D0F
121708
000000
FFFFFF
F9FDF0
F2FAE0
ECF8D1
E6F5C2
E0F3B3
D9F1A3
D3EE94
CDEC85
C6E975
C0E766
ADD05C
9AB952
86A247
738B3D
607433
4D5C29
3A451F
262E14
13170A
000000
FFFFFF
FAFDF2
F5FBE5
EFF9D9
EAF7CC
E5F5BF
E0F3B2
DBF1A5
D5EF99
D0ED8C
CBEB7F
B7D472
A2BC66
8EA559
7A8D4C
667640
515E33
3D4626
292F19
14170D
000000
FFFFFF
FBFDF5
F7FCEB
F2FAE0
EEF9D6
EAF7CC
E6F5C2
E2F4B8
DDF2AD
D9F1A3
D5EF99
C0D78A
AABF7A
95A76B
808F5C
6B784D
55603D
40482E
2B301F
15180F
000000
FFFFFF
FCFEF7
F9FDF0
F5FBE8
F2FAE0
EFF9D9
ECF8D1
E9F7C9
E5F5C1
E2F4BA
DFF3B2
C9DBA0
B2C28E
9CAA7D
86926B
707A59
596147
434935
2D3124
161812
000000
FFFFFF
FDFEFA
FBFDF5
F9FDF0
F7FCEB
F5FBE6
F2FAE0
F0F9DB
EEF9D6
ECF8D1
EAF7CC
D3DEB8
BBC6A3
A4AD8F
8C947A
757C66
5E6352
464A3D
2F3129
171914
000000
FFFFFF
FEFFFC
FDFEFA
FCFEF7
FBFDF5
FAFDF2
F8FDEF
F7FCED
F6FCEA
F5FBE8
F4FBE5
DCE2CE
C3C9B7
ABB0A0
929789
7A7E73
62645C
494B45
31322E
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