Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/311c2b-453240-5a4955-6e606a-83767f-988d95-aca4aa-c1babf-d5d1d4-eae8e9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 311C2B
RGB: 49,28,43
Hex: 453240
RGB: 69,50,64
Hex: 5A4955
RGB: 90,73,85
Hex: 6E606A
RGB: 110,96,106
Hex: 83767F
RGB: 131,118,127
Hex: 988D95
RGB: 152,141,149
Hex: ACA4AA
RGB: 172,164,170
Hex: C1BABF
RGB: 193,186,191
Hex: D5D1D4
RGB: 213,209,212
Hex: EAE8E9
RGB: 234,232,233
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EAE8EA
D6D2D5
C1BBBF
ADA4AA
988E95
837780
6F606B
5A4955
463340
311C2B
2C1927
271622
22141E
1D111A
190E16
140B11
0F080D
0A0609
050304
000000
FFFFFF
ECEBEC
DAD6D9
C7C2C6
B5ADB3
A299A0
8F848C
7D7079
6A5B66
584753
453240
3E2D3A
372833
30232D
291E26
231920
1C141A
150F13
0E0A0D
070506
000000
FFFFFF
EFEDEE
DEDBDD
CEC8CC
BDB6BB
ADA4AA
9C9299
8C8088
7B6D77
6B5B66
5A4955
51424D
483A44
3F333B
362C33
2D252B
241D22
1B1619
120F11
090708
000000
FFFFFF
F1EFF0
E2DFE1
D4CFD2
C5BFC3
B7B0B5
A8A0A6
9A9097
8B8088
7D7079
6E606A
63565F
584D55
4D434A
423A40
373035
2C262A
211D20
161315
0B0A0B
000000
FFFFFF
F3F1F2
E6E4E5
DAD6D9
CDC8CC
C1BBBF
B5ADB2
A89FA5
9C9199
8F848C
83767F
766A72
695E66
5C5359
4F474C
423B40
342F33
272326
1A1819
0D0C0D
000000
FFFFFF
F5F4F4
EAE8EA
E0DDDF
D6D1D5
CCC6CA
C1BBBF
B7AFB5
ADA4AA
A298A0
988D95
897F86
7A7177
6A6368
5B5559
4C474B
3D383C
2E2A2D
1E1C1E
0F0E0F
000000
FFFFFF
F7F6F7
EEEDEE
E6E4E6
DEDBDD
D6D2D5
CDC8CC
C5BFC4
BDB6BB
B4ADB3
ACA4AA
9B9499
8A8388
787377
676266
565255
454244
343133
222122
111011
000000
FFFFFF
F9F8F9
F3F1F2
ECEAEC
E6E3E5
E0DDDF
DAD6D9
D4CFD2
CDC8CC
C7C1C5
C1BABF
AEA7AC
9A9599
878286
747073
615D60
4D4A4C
3A3839
272526
131313
000000
FFFFFF
FBFAFB
F7F6F6
F2F1F2
EEEDEE
EAE8EA
E6E3E5
E2DFE1
DDDADD
D9D6D8
D5D1D4
C0BCBF
AAA7AA
959294
807D7F
6B696A
555455
403F40
2B2A2A
151515
000000
FFFFFF
FDFDFD
FBFAFB
F9F8F8
F7F6F6
F5F4F4
F2F1F2
F0EFF0
EEEDED
ECEAEB
EAE8E9
D3D1D2
BBBABA
A4A2A3
8C8B8C
757475
5E5D5D
464646
2F2E2F
171717
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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