Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/336b24-477939-5b884f-709765-84a67b-99b591-adc3a7-c1d2bd-d6e1d3-eaf0e9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 336B24
RGB: 51,107,36
Hex: 477939
RGB: 71,121,57
Hex: 5B884F
RGB: 91,136,79
Hex: 709765
RGB: 112,151,101
Hex: 84A67B
RGB: 132,166,123
Hex: 99B591
RGB: 153,181,145
Hex: ADC3A7
RGB: 173,195,167
Hex: C1D2BD
RGB: 193,210,189
Hex: D6E1D3
RGB: 214,225,211
Hex: EAF0E9
RGB: 234,240,233
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
EBF0E9
D6E1D3
C2D3BD
ADC4A7
99B592
85A67C
709766
5C8950
477A3A
336B24
2E6020
29561D
244B19
1F4016
1A3612
142B0E
0F200B
0A1507
050B04
000000
FFFFFF
EDF2EB
DAE4D7
C8D7C4
B5C9B0
A3BC9C
91AF88
7EA174
6C9461
59864D
477939
406D33
39612E
325528
2B4922
243D1D
1C3017
152411
0E180B
070C06
000000
FFFFFF
EFF3ED
DEE7DC
CEDBCA
BDCFB9
ADC4A7
9DB895
8CAC84
7CA072
6B9461
5B884F
527A47
496D3F
405F37
37522F
2E4428
243620
1B2918
121B10
090E08
000000
FFFFFF
F1F5F0
E2EAE0
D4E0D1
C6D5C1
B8CBB2
A9C1A3
9BB693
8DAC84
7EA174
709765
65885B
5A7951
4E6A47
435B3D
384C33
2D3C28
222D1E
161E14
0B0F0A
000000
FFFFFF
F3F6F2
E6EDE5
DAE4D7
CEDBCA
C2D3BD
B5CAB0
A9C1A3
9DB895
90AF88
84A67B
77956F
6A8562
5C7456
4F644A
42533E
354231
283225
1A2119
0D110C
000000
FFFFFF
F5F8F4
EBF0E9
E0E9DE
D6E1D3
CCDAC8
C2D3BD
B8CBB2
ADC4A7
A3BC9C
99B591
8AA383
7A9174
6B7F66
5C6D57
4D5B49
3D483A
2E362B
1F241D
0F120E
000000
FFFFFF
F7F9F6
EFF3ED
E6EDE5
DEE7DC
D6E1D3
CEDBCA
C6D5C1
BDCFB9
B5C9B0
ADC3A7
9CB096
8A9C86
798975
687564
576254
454E43
343A32
232721
111311
000000
FFFFFF
F9FBF8
F3F6F2
ECF2EB
E6EDE5
E0E9DE
DAE4D7
D4E0D1
CDDBCA
C7D7C4
C1D2BD
AEBDAA
9AA897
879384
747E71
61695F
4D544C
3A3F39
272A26
131513
000000
FFFFFF
FBFCFB
F7F9F6
F3F6F2
EFF3ED
EBF0E9
E6EDE5
E2EAE0
DEE7DC
DAE4D7
D6E1D3
C1CBBE
ABB4A9
969E94
80877F
6B716A
565A54
40433F
2B2D2A
151615
000000
FFFFFF
FDFEFD
FBFCFB
F9FBF8
F7F9F6
F5F8F4
F2F6F2
F0F5F0
EEF3ED
ECF2EB
EAF0E9
D3D8D2
BBC0BA
A4A8A3
8C908C
757875
5E605D
464846
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