Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/465661-586670-6b7780-7d8890-9099a0-a2aab0-b5bbbf-c7cccf-dadddf-eceeef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 465661
RGB: 70,86,97
Hex: 586670
RGB: 88,102,112
Hex: 6B7780
RGB: 107,119,128
Hex: 7D8890
RGB: 125,136,144
Hex: 9099A0
RGB: 144,153,160
Hex: A2AAB0
RGB: 162,170,176
Hex: B5BBBF
RGB: 181,187,191
Hex: C7CCCF
RGB: 199,204,207
Hex: DADDDF
RGB: 218,221,223
Hex: ECEEEF
RGB: 236,238,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
EDEEEF
DADDDF
C8CCD0
B5BBC0
A3ABB0
909AA0
7E8990
6B7881
596771
465661
3F4D57
38454E
313C44
2A343A
232B31
1C2227
151A1D
0E1113
07090A
000000
FFFFFF
EEF0F1
DEE0E2
CDD1D4
BCC2C6
ACB3B8
9BA3A9
8A949B
79858D
69757E
586670
4F5C65
46525A
3E474E
353D43
2C3338
23292D
1A1F22
121416
090A0B
000000
FFFFFF
F0F1F2
E1E4E6
D3D6D9
C4C9CC
B5BBC0
A6ADB3
97A0A6
899299
7A858D
6B7780
606B73
565F66
4B535A
40474D
363C40
2B3033
202426
15181A
0B0C0D
000000
FFFFFF
F2F3F4
E5E7E9
D8DBDE
CBCFD3
BEC4C8
B1B8BC
A4ACB1
97A0A6
8A949B
7D8890
717A82
646D73
585F65
4B5256
3F4448
32363A
25292B
191B1D
0C0E0E
000000
FFFFFF
F4F5F6
E9EBEC
DEE0E3
D3D6D9
C8CCD0
BCC2C6
B1B8BD
A6ADB3
9BA3AA
9099A0
828A90
737A80
656B70
565C60
484D50
3A3D40
2B2E30
1D1F20
0E0F10
000000
FFFFFF
F6F7F7
ECEEEF
E3E6E7
DADDDF
D1D5D8
C7CCD0
BEC4C8
B5BBC0
ABB3B8
A2AAB0
92999E
82888D
71777B
61666A
515558
414446
313335
202223
101112
000000
FFFFFF
F8F8F9
F0F1F2
E9EBEC
E1E4E5
DADDDF
D3D6D9
CBCFD2
C4C9CC
BCC2C5
B5BBBF
A3A8AC
919699
7F8386
6D7073
5B5E60
484B4C
363839
242526
121313
000000
FFFFFF
F9FAFA
F4F5F5
EEF0F1
E9EBEC
E3E6E7
DDE0E2
D8DBDD
D2D6D9
CDD1D4
C7CCCF
B3B8BA
9FA3A6
8B8F91
777A7C
646668
505253
3C3D3E
282929
141415
000000
FFFFFF
FBFCFC
F8F8F9
F4F5F5
F0F1F2
EDEEEF
E9EBEC
E5E7E9
E1E4E5
DEE0E2
DADDDF
C4C7C9
AEB1B2
999B9C
838586
6D6F70
575859
414243
2C2C2D
161616
000000
FFFFFF
FDFDFD
FBFCFC
F9FAFA
F7F8F9
F6F7F7
F4F5F5
F2F3F4
F0F1F2
EEF0F1
ECEEEF
D4D6D7
BDBEBF
A5A7A7
8E8F8F
767778
5E5F60
474748
2F3030
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