Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/284a31-24422c-203b27-1c3322-182c1d-142518-101d13-0c160e-080e09-040704-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 284A31
RGB: 40,74,49
Hex: 24422C
RGB: 36,66,44
Hex: 203B27
RGB: 32,59,39
Hex: 1C3322
RGB: 28,51,34
Hex: 182C1D
RGB: 24,44,29
Hex: 142518
RGB: 20,37,24
Hex: 101D13
RGB: 16,29,19
Hex: 0C160E
RGB: 12,22,14
Hex: 080E09
RGB: 8,14,9
Hex: 040704
RGB: 4,7,4
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
EAEDEA
D4DBD6
BFC9C1
A9B7AD
94A598
7E9283
69806F
536E5A
3E5C46
284A31
24432C
203B27
1C3422
182C1D
142519
101E14
0C160F
080F0A
040705
000000
FFFFFF
E9ECEA
D3D9D5
BDC6C0
A7B3AB
92A196
7C8E80
667B6B
506856
3A5541
24422C
203B28
1D3523
192E1F
16281A
122116
0E1A12
0B140D
070D09
040704
000000
FFFFFF
E9EBE9
D2D8D4
BCC4BE
A6B1A9
909D93
79897D
637668
4D6252
364F3D
203B27
1D3523
1A2F1F
16291B
132317
101E14
0D1810
0A120C
060C08
030604
000000
FFFFFF
E8EBE9
D2D6D3
BBC2BD
A4ADA7
8E9991
77857A
607064
495C4E
334738
1C3322
192E1F
16291B
142418
111F14
0E1A11
0B140E
080F0A
060A07
030503
000000
FFFFFF
E8EAE8
D1D5D2
BAC0BB
A3ABA5
8C968E
748077
5D6B61
46564A
2F4134
182C1D
16281A
132317
111F14
0E1A11
0C160F
0A120C
070D09
050906
020403
000000
FFFFFF
E8E9E8
D0D3D1
B9BEBA
A1A8A3
8A928C
727C74
5B665D
435146
2C3B2F
142518
122116
101E13
0E1A11
0C160E
0A130C
080F0A
060B07
040705
020402
000000
FFFFFF
E7E8E7
CFD2D0
B7BBB8
9FA5A1
888E89
707771
58615A
404A42
28342B
101D13
0E1A11
0D170F
0B140D
0A110B
080F0A
060C08
050906
030604
020302
000000
FFFFFF
E7E8E7
CED0CF
B6B9B7
9EA29F
868B87
6D736E
555C56
3D453E
242D26
0C160E
0B140D
0A120B
080F0A
070D08
060B07
050906
040704
020403
010201
000000
FFFFFF
E6E7E6
CECFCE
B5B7B5
9C9F9D
848784
6B6E6B
525653
393E3A
212622
080E09
070D08
060B07
060A06
050805
040705
030604
020403
020302
010101
000000
FFFFFF
E6E6E6
CDCDCD
B4B5B4
9B9C9B
828382
686A68
4F514F
363936
1D201D
040704
040604
030603
030503
020402
020402
020302
010201
010101
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