Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c1c22-4f3238-63494e-766064-8a767a-9d8d90-b1a4a6-c4babc-d8d1d2-ebe8e8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C1C22
RGB: 60,28,34
Hex: 4F3238
RGB: 79,50,56
Hex: 63494E
RGB: 99,73,78
Hex: 766064
RGB: 118,96,100
Hex: 8A767A
RGB: 138,118,122
Hex: 9D8D90
RGB: 157,141,144
Hex: B1A4A6
RGB: 177,164,166
Hex: C4BABC
RGB: 196,186,188
Hex: D8D1D2
RGB: 216,209,210
Hex: EBE8E8
RGB: 235,232,232
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
ECE8E9
D8D2D3
C5BBBD
B1A4A7
9E8E91
8A777A
776064
63494E
503338
3C1C22
36191F
30161B
2A1418
241114
1E0E11
180B0E
12080A
0C0607
060303
000000
FFFFFF
EDEBEB
DCD6D7
CAC2C3
B9ADAF
A7999C
958488
847074
725B60
61474C
4F3238
472D32
3F282D
372327
2F1E22
28191C
201416
180F11
100A0B
080506
000000
FFFFFF
EFEDED
E0DBDC
D0C8CA
C1B6B8
B1A4A7
A19295
928083
826D71
735B60
63494E
594246
4F3A3E
453337
3B2C2F
322527
281D1F
1E1617
140F10
0A0708
000000
FFFFFF
F1EFF0
E4DFE0
D6CFD1
C8BFC1
BBB0B2
ADA0A2
9F9093
918083
847074
766064
6A565A
5E4D50
534346
473A3C
3B3032
2F2628
231D1E
181314
0C0A0A
000000
FFFFFF
F3F1F2
E8E4E4
DCD6D7
D0C8CA
C5BBBD
B9ADAF
AD9FA2
A19195
968487
8A767A
7C6A6E
6E5E62
615355
534749
453B3D
372F31
292325
1C1818
0E0C0C
000000
FFFFFF
F5F4F4
EBE8E9
E2DDDE
D8D1D3
CEC6C8
C4BBBC
BAAFB1
B1A4A6
A7989B
9D8D90
8D7F82
7E7173
6E6365
5E5556
4F4748
3F383A
2F2A2B
1F1C1D
100E0E
000000
FFFFFF
F7F6F6
EFEDED
E8E4E4
E0DBDB
D8D2D3
D0C8CA
C8BFC1
C1B6B8
B9ADAF
B1A4A6
9F9495
8E8385
7C7374
6A6264
595253
474242
353132
232121
121011
000000
FFFFFF
F9F8F8
F3F1F2
EDEAEB
E7E3E4
E2DDDE
DCD6D7
D6CFD0
D0C8C9
CAC1C3
C4BABC
B0A7A9
9D9596
898284
767071
625D5E
4E4A4B
3B3838
272526
141313
000000
FFFFFF
FBFAFB
F7F6F6
F3F1F2
EFEDED
ECE8E9
E8E3E4
E4DFE0
E0DADB
DCD6D7
D8D1D2
C2BCBD
ADA7A8
979293
827D7E
6C6969
565454
413F3F
2B2A2A
161515
000000
FFFFFF
FDFDFD
FBFAFA
F9F8F8
F7F6F6
F5F4F4
F3F1F1
F1EFEF
EFEDED
EDEAEA
EBE8E8
D4D1D1
BCBABA
A5A2A2
8D8B8B
767474
5E5D5D
464646
2F2E2E
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