Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/687f68-778b77-869886-95a595-a4b2a4-b3bfb3-c2cbc2-d1d8d1-e0e5e0-eff2ef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 687F68
RGB: 104,127,104
Hex: 778B77
RGB: 119,139,119
Hex: 869886
RGB: 134,152,134
Hex: 95A595
RGB: 149,165,149
Hex: A4B2A4
RGB: 164,178,164
Hex: B3BFB3
RGB: 179,191,179
Hex: C2CBC2
RGB: 194,203,194
Hex: D1D8D1
RGB: 209,216,209
Hex: E0E5E0
RGB: 224,229,224
Hex: EFF2EF
RGB: 239,242,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
F0F2F0
E1E5E1
D2D9D2
C3CCC3
B4BFB4
A4B2A4
95A595
869986
778C77
687F68
5E725E
536653
495949
3E4C3E
344034
2A332A
1F261F
151915
0A0D0A
000000
FFFFFF
F1F3F1
E4E8E4
D6DCD6
C9D1C9
BBC5BB
ADB9AD
A0AEA0
92A292
859785
778B77
6B7D6B
5F6F5F
536153
475347
3C463C
303830
242A24
181C18
0C0E0C
000000
FFFFFF
F3F5F3
E7EAE7
DBE0DB
CFD6CF
C3CCC3
B6C1B6
AAB7AA
9EAD9E
92A292
869886
798979
6B7A6B
5E6A5E
505B50
434C43
363D36
282E28
1B1E1B
0D0F0D
000000
FFFFFF
F4F6F4
EAEDEA
DFE4DF
D5DBD5
CAD2CA
BFC9BF
B5C0B5
AAB7AA
A0AEA0
95A595
869586
778477
687368
596359
4B534B
3C423C
2D312D
1E211E
0F100F
000000
FFFFFF
F6F7F6
EDF0ED
E4E8E4
DBE0DB
D2D9D2
C8D1C8
BFC9BF
B6C1B6
ADBAAD
A4B2A4
94A094
838E83
737D73
626B62
525952
424742
313531
212421
101210
000000
FFFFFF
F7F9F7
F0F2F0
E8ECE8
E1E5E1
D9DFD9
D1D9D1
CAD2CA
C2CCC2
BBC5BB
B3BFB3
A1ACA1
8F998F
7D867D
6B736B
5A605A
484C48
363936
242624
121312
000000
FFFFFF
F9FAF9
F3F5F3
EDEFED
E7EAE7
E1E5E1
DAE0DA
D4DBD4
CED5CE
C8D0C8
C2CBC2
AFB7AF
9BA29B
888E88
747A74
616661
4E514E
3A3D3A
272927
131413
000000
FFFFFF
FAFBFA
F6F7F6
F1F3F1
EDEFED
E8ECE8
E3E8E3
DFE4DF
DAE0DA
D6DCD6
D1D8D1
BCC2BC
A7ADA7
929792
7D827D
696C69
545654
3F413F
2A2B2A
151615
000000
FFFFFF
FCFCFC
F9FAF9
F6F7F6
F3F5F3
F0F2F0
ECEFEC
E9EDE9
E6EAE6
E3E8E3
E0E5E0
CACECA
B3B7B3
9DA09D
868986
707370
5A5C5A
434543
2D2E2D
161716
000000
FFFFFF
FDFEFD
FCFCFC
FAFBFA
F9FAF9
F7F9F7
F5F7F5
F4F6F4
F2F5F2
F1F3F1
EFF2EF
D7DAD7
BFC2BF
A7A9A7
8F918F
787978
606160
484948
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