Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/33663f-2d5b38-285132-23472c-1e3d25-19331f-142819-0f1e12-0a140c-050a06-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 33663F
RGB: 51,102,63
Hex: 2D5B38
RGB: 45,91,56
Hex: 285132
RGB: 40,81,50
Hex: 23472C
RGB: 35,71,44
Hex: 1E3D25
RGB: 30,61,37
Hex: 19331F
RGB: 25,51,31
Hex: 142819
RGB: 20,40,25
Hex: 0F1E12
RGB: 15,30,18
Hex: 0A140C
RGB: 10,20,12
Hex: 050A06
RGB: 5,10,6
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
EBF0EC
D6E0D9
C2D1C5
ADC2B2
99B39F
85A38C
709479
5C8565
477552
33663F
2E5C39
295232
24472C
1F3D26
1A3320
142919
0F1F13
0A140D
050A06
000000
FFFFFF
EAEFEB
D5DED7
C0CEC3
ABBDAF
96AD9C
819D88
6C8C74
577C60
426B4C
2D5B38
295232
24492D
1F4027
1B3722
172E1C
122416
0D1B11
09120B
040906
000000
FFFFFF
EAEEEB
D4DCD6
BFCBC2
A9B9AD
94A899
7E9784
698570
53745B
3E6247
285132
24492D
204128
1C3923
18311E
142919
102014
0C180F
08100A
040805
000000
FFFFFF
E9EDEA
D3DAD5
BDC8C0
A7B5AB
91A396
7B9180
657E6B
4F6C56
395941
23472C
204028
1C3923
19321F
152B1A
122416
0E1C12
0A150D
070E09
030704
000000
FFFFFF
E9ECE9
D2D8D3
BCC5BE
A5B1A8
8F9E92
788B7C
627766
4B6451
35503B
1E3D25
1B3721
18311E
152B1A
122516
0F1F13
0C180F
09120B
060C07
030604
000000
FFFFFF
E8EBE9
D1D6D2
BAC2BC
A3ADA5
8C998F
758579
5E7062
475C4C
304735
19331F
172E1C
142919
122416
0F1F13
0D1A10
0A140C
070F09
050A06
020503
000000
FFFFFF
E8EAE8
D0D4D1
B9BFBA
A1A9A3
8A948C
727E75
5B695E
435347
2C3E30
142819
122417
102014
0E1C12
0C180F
0A140D
08100A
060C07
040805
020402
000000
FFFFFF
E7E9E7
CFD2D0
B7BCB8
9FA5A0
878F89
6F7871
576259
3F4B41
27352A
0F1E12
0E1B10
0C180E
0B150D
09120B
080F09
060C07
040905
030604
010302
000000
FFFFFF
E7E8E7
CED0CE
B6B9B6
9DA19E
858A86
6C726D
545B55
3B433D
232C24
0A140C
09120B
08100A
070E08
060C07
050A06
040805
030604
020402
010201
000000
FFFFFF
E6E7E6
CDCECD
B4B6B4
9B9D9B
828583
696C6A
505451
373B38
1E231F
050A06
050905
040805
040704
030604
030503
020402
010302
010201
000101
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