Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/366044-30563d-2b4c36-25432f-203928-1b3022-15261b-101c14-0a130d-050906-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 366044
RGB: 54,96,68
Hex: 30563D
RGB: 48,86,61
Hex: 2B4C36
RGB: 43,76,54
Hex: 25432F
RGB: 37,67,47
Hex: 203928
RGB: 32,57,40
Hex: 1B3022
RGB: 27,48,34
Hex: 15261B
RGB: 21,38,27
Hex: 101C14
RGB: 16,28,20
Hex: 0A130D
RGB: 10,19,13
Hex: 050906
RGB: 5,9,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
EBEFEC
D7DFDA
C3CFC7
AFBFB4
9BB0A2
86A08F
72907C
5E8069
4A7057
366044
31563D
2B4D36
264330
203A29
1B3022
16261B
101D14
0B130E
050A07
000000
FFFFFF
EAEEEC
D6DDD8
C1CCC5
ACBBB1
98AB9E
839A8B
6E8977
597864
456750
30563D
2B4D37
264531
223C2B
1D3425
182B1F
132218
0E1A12
0A110C
050906
000000
FFFFFF
EAEDEB
D5DBD7
BFC9C3
AAB7AF
95A69B
809486
6B8272
55705E
405E4A
2B4C36
274431
223D2B
1E3526
1A2E20
16261B
111E16
0D1710
090F0B
040805
000000
FFFFFF
E9ECEA
D3D9D5
BEC7C1
A8B4AC
92A197
7C8E82
667B6D
516959
3B5644
25432F
213C2A
1E3626
1A2F21
16281C
132218
0F1B13
0B140E
070D09
040705
000000
FFFFFF
E9EBEA
D2D7D4
BCC4BF
A6B0A9
909C94
79887E
637469
4D6153
364D3E
203928
1D3324
1A2E20
16281C
132218
101D14
0D1710
0A110C
060B08
030604
000000
FFFFFF
E8EAE9
D1D6D3
BBC1BD
A4ACA7
8D9891
76837A
5F6E64
49594E
324538
1B3022
182B1F
16261B
132218
101D14
0E1811
0B130E
080E0A
050A07
030503
000000
FFFFFF
E8E9E8
D0D4D1
B9BEBB
A1A8A4
8A938D
737D76
5B675F
445149
2C3C32
15261B
132218
111E16
0F1B13
0D1710
0B130E
080F0B
060B08
040805
020403
000000
FFFFFF
E7E8E8
CFD2D0
B7BBB9
9FA4A1
888E8A
707772
58605B
404943
28332C
101C14
0E1912
0D1610
0B140E
0A110C
080E0A
060B08
050806
030604
020302
000000
FFFFFF
E7E7E7
CED0CF
B6B8B6
9DA19E
858986
6C716E
545A56
3B423D
232B25
0A130D
09110C
080F0A
070D09
060B08
050A07
040805
030604
020403
010201
000000
FFFFFF
E6E6E6
CDCECD
B4B5B4
9B9D9B
828483
696B6A
505351
373A38
1E221F
050906
050805
040705
040604
030504
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