Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/336b24-2d6020-28551c-234a19-1e4015-193512-142a0e-0f200a-0a1507-050a03-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 336B24
RGB: 51,107,36
Hex: 2D6020
RGB: 45,96,32
Hex: 28551C
RGB: 40,85,28
Hex: 234A19
RGB: 35,74,25
Hex: 1E4015
RGB: 30,64,21
Hex: 193512
RGB: 25,53,18
Hex: 142A0E
RGB: 20,42,14
Hex: 0F200A
RGB: 15,32,10
Hex: 0A1507
RGB: 10,21,7
Hex: 050A03
RGB: 5,10,3
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
EBF0E9
D6E1D3
C2D3BD
ADC4A7
99B592
85A67C
709766
5C8950
477A3A
336B24
2E6020
29561D
244B19
1F4016
1A3612
142B0E
0F200B
0A1507
050B04
000000
FFFFFF
EAEFE9
D5DFD2
C0CFBC
ABBFA6
96B090
81A079
6C9063
57804D
427036
2D6020
29561D
244D1A
1F4316
1B3A13
173010
12260D
0D1D0A
091306
040A03
000000
FFFFFF
EAEEE8
D4DDD2
BFCCBB
A9BBA4
94AA8E
7E9977
698860
537749
3E6633
28551C
244D19
204416
1C3B14
183311
142B0E
10220B
0C1908
081106
040803
000000
FFFFFF
E9EDE8
D3DBD1
BDC9BA
A7B7A3
91A58C
7B9275
65805E
4F6E47
395C30
234A19
204317
1C3B14
193412
152C0F
12250D
0E1E0A
0A1607
070F05
030702
000000
FFFFFF
E9ECE8
D2D9D0
BCC6B9
A5B3A1
8FA08A
788C73
62795B
4B6644
35532C
1E4015
1B3A13
183311
152D0F
12260D
0F200B
0C1A08
091306
060D04
030602
000000
FFFFFF
E8EBE7
D1D7D0
BAC2B8
A3AEA0
8C9A89
758671
5E7259
475D41
30492A
193512
173010
142A0E
12250D
0F200B
0D1B09
0A1507
071005
050B04
020502
000000
FFFFFF
E8EAE7
D0D4CF
B9BFB7
A1AA9F
8A9587
727F6E
5B6A56
43553E
2C3F26
142A0E
12260D
10220B
0E1D0A
0C1908
0A1507
081106
060D04
040803
020401
000000
FFFFFF
E7E9E7
CFD2CE
B7BCB6
9FA69D
879085
6F796C
576354
3F4D3B
273623
0F200A
0E1D09
0C1A08
0B1607
091306
081005
060D04
040A03
030602
010301
000000
FFFFFF
E7E8E6
CED0CD
B6B9B5
9DA19C
858A83
6C736A
545B51
3B4439
232C20
0A1507
091306
081106
070F05
060D04
050B04
040803
030602
020401
010201
000000
FFFFFF
E6E7E6
CDCECD
B4B6B3
9B9D9A
828581
696C68
50544F
373B35
1E231C
050A03
050903
040802
040702
030602
030502
020401
010301
010201
000100
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