Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/586b86-687992-79889e-8a97aa-9aa6b6-abb5c2-bcc3ce-ccd2da-dde1e6-eef0f2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 586B86
RGB: 88,107,134
Hex: 687992
RGB: 104,121,146
Hex: 79889E
RGB: 121,136,158
Hex: 8A97AA
RGB: 138,151,170
Hex: 9AA6B6
RGB: 154,166,182
Hex: ABB5C2
RGB: 171,181,194
Hex: BCC3CE
RGB: 188,195,206
Hex: CCD2DA
RGB: 204,210,218
Hex: DDE1E6
RGB: 221,225,230
Hex: EEF0F2
RGB: 238,240,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
EEF0F3
DEE1E7
CDD3DB
BCC4CF
ACB5C3
9BA6B6
8A97AA
79899E
697A92
586B86
4F6079
46566B
3E4B5E
354050
2C3643
232B36
1A2028
12151B
090B0D
000000
FFFFFF
F0F2F4
E1E4E9
D2D7DE
C3C9D3
B4BCC9
A4AFBE
95A1B3
8694A8
77869D
687992
5E6D83
536175
495566
3E4958
343D49
2A303A
1F242C
15181D
0A0C0F
000000
FFFFFF
F2F3F5
E4E7EC
D7DBE2
C9CFD8
BCC4CF
AFB8C5
A1ACBB
94A0B1
8694A8
79889E
6D7A8E
616D7E
555F6F
49525F
3D444F
30363F
24292F
181B20
0C0E10
000000
FFFFFF
F3F5F7
E8EAEE
DCE0E6
D0D5DD
C5CBD5
B9C1CC
ADB6C4
A1ACBB
96A1B3
8A97AA
7C8899
6E7988
616A77
535B66
454C55
373C44
292D33
1C1E22
0E0F11
000000
FFFFFF
F5F6F8
EBEDF0
E1E4E9
D7DBE2
CDD3DB
C2CAD3
B8C1CC
AEB8C5
A4AFBD
9AA6B6
8B95A4
7B8592
6C747F
5C646D
4D535B
3E4249
2E3237
1F2124
0F1112
000000
FFFFFF
F7F8F9
EEF0F3
E6E9ED
DDE1E7
D5DAE1
CDD3DA
C4CBD4
BCC4CE
B3BCC8
ABB5C2
9AA3AF
89919B
787F88
676D74
565B61
44484E
33363A
222427
111213
000000
FFFFFF
F8F9FA
F2F3F5
EBEDF0
E4E7EB
DEE1E7
D7DBE2
D0D5DD
C9CFD8
C3C9D3
BCC3CE
A9B0B9
969CA5
848990
71757C
5E6267
4B4E52
383A3E
262729
131315
000000
FFFFFF
FAFBFB
F5F6F8
F0F2F4
EBEDF0
E6E9ED
E0E4E9
DBE0E5
D6DBE1
D1D7DE
CCD2DA
B8BDC4
A3A8AE
8F9399
7A7E83
66696D
525457
3D3F41
292A2C
141516
000000
FFFFFF
FCFCFD
F8F9FA
F5F6F8
F1F3F5
EEF0F3
EBEDF0
E7EAEE
E4E7EB
E0E4E9
DDE1E6
C7CBCF
B1B4B8
9B9EA1
85878A
6F7173
585A5C
424345
2C2D2E
161617
000000
FFFFFF
FDFEFE
FCFCFC
FAFBFB
F8F9FA
F7F8F9
F5F6F7
F3F5F6
F1F3F5
F0F2F3
EEF0F2
D6D8DA
BEC0C2
A7A8A9
8F9091
777879
5F6061
474849
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