Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/311316-2c1113-270f11-220d0f-1d0b0d-18090b-130708-0e0506-090304-040102-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 311316
RGB: 49,19,22
Hex: 2C1113
RGB: 44,17,19
Hex: 270F11
RGB: 39,15,17
Hex: 220D0F
RGB: 34,13,15
Hex: 1D0B0D
RGB: 29,11,13
Hex: 18090B
RGB: 24,9,11
Hex: 130708
RGB: 19,7,8
Hex: 0E0506
RGB: 14,5,6
Hex: 090304
RGB: 9,3,4
Hex: 040102
RGB: 4,1,2
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
EAE7E8
D6D0D0
C1B8B9
ADA1A2
98898B
837173
6F5A5C
5A4245
462B2D
311316
2C1114
270F12
220D0F
1D0B0D
190A0B
140809
0F0607
0A0404
050202
000000
FFFFFF
EAE7E7
D5CFD0
C0B8B8
ABA0A1
968889
807071
6B585A
564142
41292B
2C1113
280F11
230E0F
1F0C0D
1A0A0B
16090A
120708
0D0506
090304
040202
000000
FFFFFF
E9E7E7
D4CFCF
BEB7B8
A99FA0
938788
7D6F70
685758
523F41
3D2729
270F11
230E0F
1F0C0E
1B0B0C
17090A
140809
100607
0C0405
080303
040102
000000
FFFFFF
E9E7E7
D3CFCF
BDB6B7
A79E9F
918687
7A6E6F
645657
4E3D3F
382527
220D0F
1F0C0E
1B0A0C
18090B
140809
110708
0E0506
0A0404
070303
030101
000000
FFFFFF
E8E7E7
D2CECF
BBB6B6
A59D9E
8E8586
776D6E
615456
4A3C3D
342325
1D0B0D
1A0A0C
17090A
140809
110708
0F0607
0C0405
090304
060203
030101
000000
FFFFFF
E8E6E7
D1CECE
BAB5B6
A39D9D
8C8485
746B6D
5D5354
463A3C
2F2223
18090B
16080A
130709
110608
0E0507
0C0506
0A0404
070303
050202
020101
000000
FFFFFF
E7E6E6
D0CDCE
B8B5B5
A19C9C
898384
716A6B
5A5152
423939
2B2021
130708
110607
0F0606
0D0506
0B0405
0A0404
080303
060202
040102
020101
000000
FFFFFF
E7E6E6
CFCDCD
B7B4B4
9F9B9B
878283
6E696A
565051
3E3738
261E1F
0E0506
0D0505
0B0405
0A0404
080304
070303
060202
040102
030101
010001
000000
FFFFFF
E6E6E6
CECDCD
B5B3B4
9D9A9B
848182
6B6868
534F4F
3A3536
221C1D
090304
080304
070203
060203
050202
050202
040102
030101
020101
010000
000000
FFFFFF
E6E6E6
CDCCCC
B4B3B3
9B999A
828081
686767
4F4D4E
363435
1D1A1B
040102
040102
030102
030101
020101
020101
020001
010001
010000
000000
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