Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/36ab23-30991f-2b881c-257718-206615-1b5511-15440e-10330a-0a2207-051103-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 36AB23
RGB: 54,171,35
Hex: 30991F
RGB: 48,153,31
Hex: 2B881C
RGB: 43,136,28
Hex: 257718
RGB: 37,119,24
Hex: 206615
RGB: 32,102,21
Hex: 1B5511
RGB: 27,85,17
Hex: 15440E
RGB: 21,68,14
Hex: 10330A
RGB: 16,51,10
Hex: 0A2207
RGB: 10,34,7
Hex: 051103
RGB: 5,17,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
EBF7E9
D7EED3
C3E6BD
AFDDA7
9BD591
86CD7B
72C465
5EBC4F
4AB339
36AB23
319A20
2B891C
267819
206715
1B5612
16440E
10330A
0B2207
051103
000000
FFFFFF
EAF5E9
D6EBD2
C1E0BC
ACD6A5
98CC8F
83C279
6EB862
59AD4C
45A335
30991F
2B8A1C
267A19
226B16
1D5C13
184D10
133D0C
0E2E09
0A1F06
050F03
000000
FFFFFF
EAF3E8
D5E7D2
BFDBBB
AACFA4
95C48E
80B877
6BAC60
55A049
409433
2B881C
277A19
226D16
1E5F14
1A5211
16440E
11360B
0D2908
091B06
040E03
000000
FFFFFF
E9F1E8
D3E4D1
BED6BA
A8C9A3
92BB8C
7CAD74
66A05D
519246
3B852F
257718
216B16
1E5F13
1A5311
16470E
133C0C
0F300A
0B2407
071805
040C02
000000
FFFFFF
E9F0E8
D2E0D0
BCD1B9
A6C2A1
90B38A
79A373
63945B
4D8544
36752C
206615
1D5C13
1A5211
16470F
133D0D
10330B
0D2908
0A1F06
061404
030A02
000000
FFFFFF
E8EEE7
D1DDCF
BBCCB8
A4BBA0
8DAA88
769970
5F8858
497741
326629
1B5511
184D0F
16440E
133B0C
10330A
0E2B09
0B2207
081905
051103
030802
000000
FFFFFF
E8ECE7
D0DACF
B9C7B7
A1B49F
8AA287
738F6E
5B7C56
44693E
2C5726
15440E
133D0D
11360B
0F300A
0D2908
0B2207
081B06
061404
040E03
020701
000000
FFFFFF
E7EBE7
CFD6CE
B7C2B6
9FAD9D
889985
70856C
587054
405C3B
284723
10330A
0E2E09
0D2908
0B2407
0A1F06
081A05
061404
050F03
030A02
020501
000000
FFFFFF
E7E9E6
CED3CD
B6BDB5
9DA79C
859183
6C7A6A
546451
3B4E39
233820
0A2207
091F06
081B06
071805
061404
051104
040E03
030A02
020701
010301
000000
FFFFFF
E6E7E6
CDCFCD
B4B8B3
9BA09A
828881
697068
50584F
374135
1E291C
051103
050F03
040E02
040C02
030A02
030902
020701
010501
010301
000200
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