Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/686d74-777b81-868a8f-95989d-a4a7ab-b3b6b9-c2c4c7-d1d3d5-e0e1e3-eff0f1-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 686D74
RGB: 104,109,116
Hex: 777B81
RGB: 119,123,129
Hex: 868A8F
RGB: 134,138,143
Hex: 95989D
RGB: 149,152,157
Hex: A4A7AB
RGB: 164,167,171
Hex: B3B6B9
RGB: 179,182,185
Hex: C2C4C7
RGB: 194,196,199
Hex: D1D3D5
RGB: 209,211,213
Hex: E0E1E3
RGB: 224,225,227
Hex: EFF0F1
RGB: 239,240,241
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
F0F0F1
E1E2E3
D2D3D5
C3C5C7
B4B6BA
A4A7AC
95999E
868A90
777C82
686D74
5E6268
53575D
494C51
3E4146
34373A
2A2C2E
1F2123
151617
0A0B0C
000000
FFFFFF
F1F2F2
E4E5E6
D6D7D9
C9CACD
BBBDC0
ADB0B3
A0A3A7
92959A
85888E
777B81
6B6F74
5F6267
53565A
474A4D
3C3E41
303134
242527
18191A
0C0C0D
000000
FFFFFF
F3F3F4
E7E8E9
DBDCDD
CFD0D2
C3C5C7
B6B9BC
AAADB1
9EA1A5
92969A
868A8F
797C81
6B6E72
5E6164
505356
434548
363739
28292B
1B1C1D
0D0E0E
000000
FFFFFF
F4F5F5
EAEAEB
DFE0E2
D5D6D8
CACCCE
BFC1C4
B5B7BA
AAADB1
A0A2A7
95989D
86898D
777A7E
686A6E
595B5E
4B4C4F
3C3D3F
2D2E2F
1E1E1F
0F0F10
000000
FFFFFF
F6F6F7
EDEDEE
E4E5E6
DBDCDD
D2D3D5
C8CACD
BFC1C4
B6B9BC
ADB0B3
A4A7AB
94969A
838689
737578
626467
525456
424344
313233
212122
101111
000000
FFFFFF
F7F8F8
F0F0F1
E8E9EA
E1E2E3
D9DBDC
D1D3D5
CACCCE
C2C5C7
BBBDC0
B3B6B9
A1A4A7
8F9294
7D7F82
6B6D6F
5A5B5D
48494A
363737
242425
121212
000000
FFFFFF
F9F9F9
F3F3F4
EDEDEE
E7E7E9
E1E2E3
DADCDD
D4D6D8
CED0D2
C8CACD
C2C4C7
AFB0B3
9B9D9F
88898B
747677
616264
4E4E50
3A3B3C
272728
131414
000000
FFFFFF
FAFBFB
F6F6F7
F1F2F2
EDEDEE
E8E9EA
E3E5E6
DFE0E2
DADCDD
D6D7D9
D1D3D5
BCBEC0
A7A9AA
929495
7D7F80
696A6B
545455
3F3F40
2A2A2B
151515
000000
FFFFFF
FCFCFC
F9F9F9
F6F6F7
F3F3F4
F0F0F1
ECEDEE
E9EAEB
E6E7E9
E3E4E6
E0E1E3
CACBCC
B3B4B6
9D9E9F
868788
707172
5A5A5B
434344
2D2D2D
161617
000000
FFFFFF
FDFEFE
FCFCFC
FAFBFB
F9F9F9
F7F8F8
F5F6F7
F4F5F5
F2F3F4
F1F2F2
EFF0F1
D7D8D9
BFC0C1
A7A8A9
8F9091
787879
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