Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/97cc1f-a1d135-abd64b-b6db62-c0e078-cbe58f-d5eaa5-dfefbb-eaf4d2-f4f9e8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 97CC1F
RGB: 151,204,31
Hex: A1D135
RGB: 161,209,53
Hex: ABD64B
RGB: 171,214,75
Hex: B6DB62
RGB: 182,219,98
Hex: C0E078
RGB: 192,224,120
Hex: CBE58F
RGB: 203,229,143
Hex: D5EAA5
RGB: 213,234,165
Hex: DFEFBB
RGB: 223,239,187
Hex: EAF4D2
RGB: 234,244,210
Hex: F4F9E8
RGB: 244,249,232
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
F5FAE9
EAF5D2
E0F0BC
D5EBA5
CBE68F
C1E079
B6DB62
ACD64C
A1D135
97CC1F
88B81C
79A319
6A8F16
5B7A13
4C6610
3C520C
2D3D09
1E2906
0F1403
000000
FFFFFF
F6FAEB
ECF6D7
E3F1C2
D9EDAE
D0E89A
C7E386
BDDF72
B4DA5D
AAD649
A1D135
91BC30
81A72A
719225
617D20
51691B
405415
303F10
202A0B
101505
000000
FFFFFF
F7FBED
EEF7DB
E6F3C9
DDEFB7
D5EBA5
CDE693
C4E281
BCDE6F
B3DA5D
ABD64B
9AC144
89AB3C
789635
67802D
566B26
44561E
334016
222B0F
111507
000000
FFFFFF
F8FBEF
F0F8E0
E9F4D0
E2F1C0
DBEDB1
D3E9A1
CCE691
C5E281
BDDF72
B6DB62
A4C558
92AF4E
7F9945
6D833B
5B6E31
495827
37421D
242C14
12160A
000000
FFFFFF
F9FCF2
F2F9E4
ECF6D7
E6F3C9
E0F0BC
D9ECAE
D3E9A1
CDE693
C6E386
C0E078
ADCA6C
9AB360
869D54
738648
60703C
4D5A30
3A4324
262D18
13160C
000000
FFFFFF
FAFCF4
F5FAE9
EFF7DD
EAF5D2
E5F2C7
E0EFBC
DBEDB1
D5EAA5
D0E89A
CBE58F
B7CE81
A2B772
8EA064
7A8956
667348
515C39
3D452B
292E1D
14170E
000000
FFFFFF
FBFDF6
F7FBED
F2F9E4
EEF7DB
EAF5D2
E6F2C9
E2F0C0
DDEEB7
D9ECAE
D5EAA5
C0D395
AABB84
95A473
808C63
6B7553
555E42
404631
2B2F21
151710
000000
FFFFFF
FCFDF8
F9FCF1
F5FAEB
F2F9E4
EFF7DD
ECF5D6
E9F4CF
E5F2C9
E2F1C2
DFEFBB
C9D7A8
B2BF96
9CA783
868F70
70785E
59604B
434838
2D3025
161813
000000
FFFFFF
FDFEFB
FBFDF6
F9FCF2
F7FBED
F5FAE9
F2F8E4
F0F7E0
EEF6DB
ECF5D7
EAF4D2
D3DCBD
BBC3A8
A4AB93
8C927E
757A69
5E6254
46493F
2F312A
171815
000000
FFFFFF
FEFEFD
FDFEFA
FCFDF8
FBFDF6
FAFCF4
F8FBF1
F7FBEF
F6FAED
F5FAEA
F4F9E8
DCE0D1
C3C7BA
ABAEA2
92958B
7A7D74
62645D
494B46
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