Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/311f17-2c1b14-271812-221510-1d120d-180f0b-130c09-0e0906-090604-040302-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 311F17
RGB: 49,31,23
Hex: 2C1B14
RGB: 44,27,20
Hex: 271812
RGB: 39,24,18
Hex: 221510
RGB: 34,21,16
Hex: 1D120D
RGB: 29,18,13
Hex: 180F0B
RGB: 24,15,11
Hex: 130C09
RGB: 19,12,9
Hex: 0E0906
RGB: 14,9,6
Hex: 090604
RGB: 9,6,4
Hex: 040302
RGB: 4,3,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
EAE9E8
D6D2D1
C1BCB9
ADA5A2
988F8B
837974
6F625D
5A4C45
46352E
311F17
2C1C15
271912
221610
1D130E
19100C
140C09
0F0907
0A0605
050302
000000
FFFFFF
EAE8E8
D5D1D0
C0BBB9
ABA4A1
968D8A
807672
6B5F5B
564943
41322C
2C1B14
281812
231610
1F130E
1A100C
160E0A
120B08
0D0806
090504
040302
000000
FFFFFF
E9E8E7
D4D1D0
BEBAB8
A9A3A0
938C89
7D7471
685D59
524641
3D2F2A
271812
231610
1F130E
1B110D
170E0B
140C09
100A07
0C0705
080504
040202
000000
FFFFFF
E9E8E7
D3D0CF
BDB9B7
A7A19F
918A88
7A7370
645B58
4E4440
382C28
221510
1F130E
1B110D
180F0B
140D0A
110B08
0E0806
0A0605
070403
030202
000000
FFFFFF
E8E7E7
D2D0CF
BBB8B6
A5A09E
8E8986
77716E
615956
4A413D
342A25
1D120D
1A100C
170E0A
140D09
110B08
0F0907
0C0705
090504
060403
030201
000000
FFFFFF
E8E7E7
D1CFCE
BAB7B6
A39F9D
8C8785
746F6D
5D5754
463F3C
2F2723
180F0B
160E0A
130C09
110B08
0E0907
0C0806
0A0604
070403
050302
020101
000000
FFFFFF
E7E7E6
D0CECE
B8B6B5
A19E9D
898684
716D6B
5A5553
423D3A
2B2422
130C09
110B08
0F0A07
0D0806
0B0705
0A0605
080504
060403
040202
020101
000000
FFFFFF
E7E6E6
CFCECD
B7B5B4
9F9D9B
878483
6E6B6A
565351
3E3A38
26221F
0E0906
0D0805
0B0705
0A0604
080504
070503
060402
040302
030201
010101
000000
FFFFFF
E6E6E6
CECDCD
B5B4B4
9D9B9B
848382
6B6A68
53514F
3A3836
221F1D
090604
080504
070503
060403
050402
050302
040202
030201
020101
010100
000000
FFFFFF
E6E6E6
CDCDCC
B4B3B3
9B9A9A
828181
686867
4F4F4E
363535
1D1C1B
040302
040302
030202
030201
020201
020201
020101
010101
010100
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