Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/686261-777170-868180-959190-a4a0a0-b3b0b0-c2c0bf-d1cfcf-e0dfdf-efefef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 686261
RGB: 104,98,97
Hex: 777170
RGB: 119,113,112
Hex: 868180
RGB: 134,129,128
Hex: 959190
RGB: 149,145,144
Hex: A4A0A0
RGB: 164,160,160
Hex: B3B0B0
RGB: 179,176,176
Hex: C2C0BF
RGB: 194,192,191
Hex: D1CFCF
RGB: 209,207,207
Hex: E0DFDF
RGB: 224,223,223
Hex: EFEFEF
RGB: 239,239,239
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
F0EFEF
E1E0DF
D2D0D0
C3C0C0
B4B1B0
A4A1A0
959190
868181
777271
686261
5E5857
534E4E
494544
3E3B3A
343131
2A2727
1F1D1D
151413
0A0A0A
000000
FFFFFF
F1F1F1
E4E3E2
D6D4D4
C9C6C6
BBB8B8
ADAAA9
A09C9B
928D8D
857F7E
777170
6B6665
5F5A5A
534F4E
474443
3C3938
302D2D
242222
181716
0C0B0B
000000
FFFFFF
F3F2F2
E7E6E6
DBD9D9
CFCDCC
C3C0C0
B6B3B3
AAA7A6
9E9A99
928E8D
868180
797473
6B6766
5E5A5A
504D4D
434140
363433
282726
1B1A1A
0D0D0D
000000
FFFFFF
F4F4F4
EAE9E9
DFDEDE
D5D3D3
CAC8C8
BFBDBC
B5B2B1
AAA7A6
A09C9B
959190
868382
777473
686665
595756
4B4948
3C3A3A
2D2B2B
1E1D1D
0F0E0E
000000
FFFFFF
F6F6F6
EDECEC
E4E3E3
DBD9D9
D2D0D0
C8C6C6
BFBDBD
B6B3B3
ADAAAA
A4A0A0
949090
838080
737070
626060
525050
424040
313030
212020
101010
000000
FFFFFF
F7F7F7
F0EFEF
E8E7E7
E1DFDF
D9D8D8
D1D0D0
CAC8C8
C2C0C0
BBB8B8
B3B0B0
A19E9E
8F8D8D
7D7B7B
6B6A6A
5A5858
484646
363535
242323
121212
000000
FFFFFF
F9F9F9
F3F2F2
EDECEC
E7E6E5
E1E0DF
DAD9D9
D4D3D2
CECDCC
C8C6C5
C2C0BF
AFADAC
9B9A99
888686
747373
616060
4E4D4C
3A3A39
272626
131313
000000
FFFFFF
FAFAFA
F6F5F5
F1F1F1
EDECEC
E8E7E7
E3E2E2
DFDDDD
DAD9D9
D6D4D4
D1CFCF
BCBABA
A7A6A6
929191
7D7C7C
696868
545353
3F3E3E
2A2929
151515
000000
FFFFFF
FCFCFC
F9F9F9
F6F5F5
F3F2F2
F0EFEF
ECECEC
E9E9E9
E6E5E5
E3E2E2
E0DFDF
CAC9C9
B3B2B2
9D9C9C
868686
707070
5A5959
434343
2D2D2D
161616
000000
FFFFFF
FDFDFD
FCFCFC
FAFAFA
F9F9F9
F7F7F7
F5F5F5
F4F4F4
F2F2F2
F1F1F1
EFEFEF
D7D7D7
BFBFBF
A7A7A7
8F8F8F
787878
606060
484848
303030
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