Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/22640f-387327-4e833f-649257-7aa26f-90b187-a6c19f-bcd0b7-d2e0cf-e8efe7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 22640F
RGB: 34,100,15
Hex: 387327
RGB: 56,115,39
Hex: 4E833F
RGB: 78,131,63
Hex: 649257
RGB: 100,146,87
Hex: 7AA26F
RGB: 122,162,111
Hex: 90B187
RGB: 144,177,135
Hex: A6C19F
RGB: 166,193,159
Hex: BCD0B7
RGB: 188,208,183
Hex: D2E0CF
RGB: 210,224,207
Hex: E8EFE7
RGB: 232,239,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
E9F0E7
D3E0CF
BDD1B7
A7C19F
91B287
7AA26F
649357
4E833F
387427
22640F
1F5A0E
1B500C
18460B
143C09
113208
0E2806
0A1E04
071403
030A01
000000
FFFFFF
EBF1E9
D7E3D4
C3D5BE
AFC7A9
9CB993
88AB7D
749D68
608F52
4C813D
387327
326823
2D5C1F
27511B
224517
1C3A14
162E10
11220C
0B1708
060B04
000000
FFFFFF
EDF3EC
DCE6D9
CADAC5
B8CDB2
A7C19F
95B58C
83A879
719C65
608F52
4E833F
467639
3E6932
375C2C
2F4F26
274220
1F3419
172713
101A0D
080D06
000000
FFFFFF
F0F4EE
E0E9DD
D1DECD
C1D3BC
B2C9AB
A2BE9A
93B389
83A879
749D68
649257
5A834E
507546
46663D
3C5834
32492C
283A23
1E2C1A
141D11
0A0F09
000000
FFFFFF
F2F6F1
E4ECE2
D7E3D4
CADAC5
BDD1B7
AFC7A9
A2BE9A
95B58C
87AB7D
7AA26F
6E9264
628259
55714E
496143
3D5138
31412C
253121
182016
0C100B
000000
FFFFFF
F4F7F3
E9EFE7
DEE8DB
D3E0CF
C8D8C3
BCD0B7
B1C8AB
A6C19F
9BB993
90B187
829F7A
738E6C
657C5F
566A51
485944
3A4736
2B3528
1D231B
0E120D
000000
FFFFFF
F6F9F5
EDF3EC
E4ECE2
DBE6D9
D3E0CF
CADAC5
C1D4BC
B8CDB2
AFC7A9
A6C19F
95AE8F
859A7F
74876F
64745F
536150
424D40
323A30
212720
111310
000000
FFFFFF
F8FAF8
F2F6F1
EBF1E9
E4ECE2
DEE8DB
D7E3D4
D0DECD
C9D9C5
C3D5BE
BCD0B7
A9BBA5
96A692
849280
717D6E
5E685C
4B5349
383E37
262A25
131512
000000
FFFFFF
FBFCFA
F6F9F5
F2F6F1
EDF3EC
E9F0E7
E4ECE2
E0E9DD
DBE6D9
D7E3D4
D2E0CF
BDCABA
A8B3A6
939D91
7E867C
697068
545A53
3F433E
2A2D29
151615
000000
FFFFFF
FDFDFD
FAFCFA
F8FAF8
F6F9F5
F4F7F3
F1F5F1
EFF4EE
EDF2EC
EAF1E9
E8EFE7
D1D7D0
BABFB9
A2A7A2
8B8F8B
747874
5D605C
464845
2E302E
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