Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/245e36-396e4a-4f7e5e-658e72-7b9e86-91ae9a-a7beae-bdcec2-d3ded6-e9eeea-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 245E36
RGB: 36,94,54
Hex: 396E4A
RGB: 57,110,74
Hex: 4F7E5E
RGB: 79,126,94
Hex: 658E72
RGB: 101,142,114
Hex: 7B9E86
RGB: 123,158,134
Hex: 91AE9A
RGB: 145,174,154
Hex: A7BEAE
RGB: 167,190,174
Hex: BDCEC2
RGB: 189,206,194
Hex: D3DED6
RGB: 211,222,214
Hex: E9EEEA
RGB: 233,238,234
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
E9EFEB
D3DFD7
BDCFC3
A7BFAF
92AF9B
7C9E86
668E72
507E5E
3A6E4A
245E36
205531
1D4B2B
194226
163820
122F1B
0E2616
0B1C10
07130B
040905
000000
FFFFFF
EBF1ED
D7E2DB
C4D4C9
B0C5B7
9CB7A5
88A892
749A80
618B6E
4D7D5C
396E4A
336343
2E583B
284D34
22422C
1D3725
172C1E
112116
0B160F
060B07
000000
FFFFFF
EDF2EF
DCE5DF
CAD8CF
B9CBBF
A7BFAF
95B29E
84A58E
72987E
618B6E
4F7E5E
477155
3F654B
375842
2F4C38
283F2F
203226
18261C
101913
080D09
000000
FFFFFF
F0F4F1
E0E8E3
D1DDD5
C1D2C7
B2C7B9
A3BBAA
93B09C
84A58E
749980
658E72
5B8067
51725B
476350
3D5544
334739
28392E
1E2B22
141C17
0A0E0B
000000
FFFFFF
F2F5F3
E5ECE7
D7E2DB
CAD8CF
BDCFC3
B0C5B6
A3BBAA
95B19E
88A892
7B9E86
6F8E79
627E6B
566F5E
4A5F50
3E4F43
313F36
252F28
19201B
0C100D
000000
FFFFFF
F4F7F5
E9EFEB
DEE7E1
D3DFD7
C8D7CD
BDCEC2
B2C6B8
A7BEAE
9CB6A4
91AE9A
839D8B
748B7B
667A6C
57685C
49574D
3A463E
2B342E
1D231F
0E110F
000000
FFFFFF
F6F9F7
EDF2EF
E5ECE7
DCE5DF
D3DFD7
CAD8CE
C1D2C6
B9CBBE
B0C5B6
A7BEAE
96AB9D
86988B
75857A
647268
545F57
434C46
323934
212623
111311
000000
FFFFFF
F8FAF9
F2F5F3
EBF0ED
E5EBE7
DEE7E1
D7E2DA
D1DDD4
CAD8CE
C4D3C8
BDCEC2
AAB9AF
97A59B
849088
717C74
5F6761
4C524E
393E3A
262927
131513
000000
FFFFFF
FBFCFB
F6F8F7
F2F5F3
EDF2EF
E9EFEB
E5EBE6
E0E8E2
DCE5DE
D7E1DA
D3DED6
BEC8C1
A9B2AB
949B96
7F8580
6A6F6B
545956
3F4340
2A2C2B
151615
000000
FFFFFF
FDFDFD
FBFCFB
F8FAF9
F6F8F7
F4F7F5
F2F5F2
F0F3F0
EDF1EE
EBF0EC
E9EEEA
D2D6D3
BABEBB
A3A7A4
8C8F8C
757775
5D5F5E
464746
2F302F
171817
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