Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/336e1d-2d631a-285817-234d14-1e4211-19370e-142c0b-0f2108-0a1605-050b02-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 336E1D
RGB: 51,110,29
Hex: 2D631A
RGB: 45,99,26
Hex: 285817
RGB: 40,88,23
Hex: 234D14
RGB: 35,77,20
Hex: 1E4211
RGB: 30,66,17
Hex: 19370E
RGB: 25,55,14
Hex: 142C0B
RGB: 20,44,11
Hex: 0F2108
RGB: 15,33,8
Hex: 0A1605
RGB: 10,22,5
Hex: 050B02
RGB: 5,11,2
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
EBF1E8
D6E2D2
C2D4BB
ADC5A5
99B78E
85A877
709A61
5C8B4A
477D34
336E1D
2E631A
295817
244D14
1F4211
1A370F
142C0C
0F2109
0A1606
050B03
000000
FFFFFF
EAEFE8
D5E0D1
C0D0BA
ABC1A3
96B18D
81A176
6C925F
578248
427331
2D631A
295917
244F15
1F4512
1B3B10
17320D
12280A
0D1E08
091405
040A03
000000
FFFFFF
EAEEE8
D4DED1
BFCDB9
A9BCA2
94AC8B
7E9B74
698A5D
537945
3E692E
285817
244F15
204612
1C3E10
18350E
142C0C
102309
0C1A07
081205
040902
000000
FFFFFF
E9EDE8
D3DBD0
BDCAB9
A7B8A1
91A68A
7B9472
65825B
4F7143
395F2C
234D14
204512
1C3E10
19360E
152E0C
12270A
0E1F08
0A1706
070F04
030802
000000
FFFFFF
E9ECE7
D2D9CF
BCC6B8
A5B3A0
8FA188
788E70
627B58
4B6841
355529
1E4211
1B3B0F
18350E
152E0C
12280A
0F2109
0C1A07
091405
060D03
030702
000000
FFFFFF
E8EBE7
D1D7CF
BAC3B7
A3AF9F
8C9B87
75876E
5E7356
475F3E
304B26
19370E
17320D
142C0B
12270A
0F2108
0D1C07
0A1606
071004
050B03
020501
000000
FFFFFF
E8EAE7
D0D5CE
B9C0B6
A1AB9D
8A9685
72806D
5B6B54
43563C
2C4123
142C0B
12280A
102309
0E1F08
0C1A07
0A1606
081204
060D03
040902
020401
000000
FFFFFF
E7E9E6
CFD3CE
B7BCB5
9FA69C
879084
6F7A6B
576452
3F4D39
273721
0F2108
0E1E07
0C1A06
0B1706
091405
081104
060D03
040A02
030702
010301
000000
FFFFFF
E7E8E6
CED0CD
B6B9B4
9DA29B
858B82
6C7369
545C50
3B4537
232D1E
0A1605
091405
081204
070F04
060D03
050B03
040902
030701
020401
010200
000000
FFFFFF
E6E7E6
CDCECC
B4B6B3
9B9D9A
828581
696D67
50544E
373C35
1E231B
050B02
050A02
040902
040801
030701
030601
020401
010301
010200
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