Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/8f8586-9a9192-a59d9e-b0a9aa-bbb5b6-c7c2c2-d2cece-dddada-e8e6e6-f3f2f2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 8F8586
RGB: 143,133,134
Hex: 9A9192
RGB: 154,145,146
Hex: A59D9E
RGB: 165,157,158
Hex: B0A9AA
RGB: 176,169,170
Hex: BBB5B6
RGB: 187,181,182
Hex: C7C2C2
RGB: 199,194,194
Hex: D2CECE
RGB: 210,206,206
Hex: DDDADA
RGB: 221,218,218
Hex: E8E6E6
RGB: 232,230,230
Hex: F3F2F2
RGB: 243,242,242
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
F4F3F3
E9E7E7
DDDADB
D2CECF
C7C2C3
BCB6B6
B1AAAA
A59D9E
9A9192
8F8586
817879
726A6B
645D5E
565050
484343
393536
2B2828
1D1B1B
0E0D0D
000000
FFFFFF
F5F4F4
EBE9E9
E1DEDE
D7D3D3
CDC8C9
C2BDBE
B8B2B3
AEA7A8
A49C9D
9A9192
8B8383
7B7475
6C6666
5C5758
4D4949
3E3A3A
2E2B2C
1F1D1D
0F0E0F
000000
FFFFFF
F6F5F5
EDEBEC
E4E2E2
DBD8D8
D2CECF
C9C4C5
C0BABB
B7B1B1
AEA7A8
A59D9E
958D8E
847E7E
736E6F
635E5F
534F4F
423F3F
312F2F
211F20
101010
000000
FFFFFF
F7F6F7
EFEEEE
E7E5E6
DFDDDD
D8D4D5
D0CBCC
C8C3C4
C0BABB
B8B2B3
B0A9AA
9E9899
8D8788
7B7677
6A6566
585555
464444
353333
232222
121111
000000
FFFFFF
F8F8F8
F1F0F0
EBE9E9
E4E1E2
DDDADB
D6D3D3
CFCBCC
C9C4C5
C2BCBD
BBB5B6
A8A3A4
969192
837F7F
706D6D
5E5B5B
4B4849
383637
252424
131212
000000
FFFFFF
F9F9F9
F4F3F3
EEEDED
E9E7E7
E3E1E1
DDDADA
D8D4D4
D2CECE
CDC8C8
C7C2C2
B3AFAF
9F9B9B
8B8888
777474
646161
504E4E
3C3A3A
282727
141313
000000
FFFFFF
FBFAFA
F6F5F5
F2F0F0
EDEBEB
E9E7E7
E4E2E2
E0DDDD
DBD8D8
D7D3D3
D2CECE
BDB9B9
A8A5A5
939090
7E7C7C
696767
545252
3F3E3E
2A2929
151515
000000
FFFFFF
FCFBFB
F8F8F8
F5F4F4
F1F0F0
EEEDED
EBE9E9
E7E5E5
E4E1E1
E0DEDE
DDDADA
C7C4C4
B1AEAE
9B9999
858383
6F6D6D
585757
424141
2C2C2C
161616
000000
FFFFFF
FDFDFD
FAFAFA
F8F8F8
F6F5F5
F4F3F3
F1F0F0
EFEEEE
EDEBEB
EAE9E9
E8E6E6
D1CFCF
BAB8B8
A2A1A1
8B8A8A
747373
5D5C5C
464545
2E2E2E
171717
000000
FFFFFF
FEFEFE
FDFCFC
FBFBFB
FAFAFA
F9F9F9
F8F7F7
F7F6F6
F5F5F5
F4F3F3
F3F2F2
DBDADA
C2C2C2
AAA9A9
929191
7A7979
616161
494949
313030
181818
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