Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4b6057-5d6f67-6f7f78-818f89-939f9a-a5afab-b7bfbb-c9cfcc-dbdfdd-edefee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4B6057
RGB: 75,96,87
Hex: 5D6F67
RGB: 93,111,103
Hex: 6F7F78
RGB: 111,127,120
Hex: 818F89
RGB: 129,143,137
Hex: 939F9A
RGB: 147,159,154
Hex: A5AFAB
RGB: 165,175,171
Hex: B7BFBB
RGB: 183,191,187
Hex: C9CFCC
RGB: 201,207,204
Hex: DBDFDD
RGB: 219,223,221
Hex: EDEFEE
RGB: 237,239,238
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
EDEFEE
DBDFDD
C9CFCD
B7BFBC
A5B0AB
93A09A
819089
6F8079
5D7068
4B6057
44564E
3C4D46
35433D
2D3A34
26302C
1E2623
161D1A
0F1311
070A09
000000
FFFFFF
EFF1F0
DFE2E1
CED4D1
BEC5C2
AEB7B3
9EA9A4
8E9A95
7D8C85
6D7D76
5D6F67
54645D
4A5952
414E48
38433E
2F3834
252C29
1C211F
131615
090B0A
000000
FFFFFF
F1F2F2
E2E5E4
D4D9D7
C5CCC9
B7BFBC
A9B2AE
9AA5A1
8C9993
7D8C86
6F7F78
64726C
596660
4E5954
434C48
38403C
2C3330
212624
161918
0B0D0C
000000
FFFFFF
F2F4F3
E6E9E7
D9DDDC
CDD2D0
C0C7C4
B3BCB8
A7B1AC
9AA5A1
8E9A95
818F89
74817B
67726E
5A6460
4D5652
414845
343937
272B29
1A1D1B
0D0E0E
000000
FFFFFF
F4F5F5
E9ECEB
DFE2E1
D4D9D7
C9CFCD
BEC5C2
B3BCB8
A9B2AE
9EA9A4
939F9A
848F8B
767F7B
676F6C
585F5C
4A504D
3B403E
2C302E
1D201F
0F100F
000000
FFFFFF
F6F7F7
EDEFEE
E4E7E6
DBDFDD
D2D7D5
C9CFCD
C0C7C4
B7BFBC
AEB7B3
A5AFAB
959E9A
848C89
737A78
636967
535856
424644
313433
212322
101111
000000
FFFFFF
F8F9F8
F1F2F1
E9ECEB
E2E5E4
DBDFDD
D4D9D6
CDD2CF
C5CCC9
BEC5C2
B7BFBB
A5ACA8
929996
808683
6E7370
5C605E
494C4B
373938
252625
121313
000000
FFFFFF
FAFAFA
F4F5F5
EFF1F0
E9ECEB
E4E7E6
DFE2E0
D9DDDB
D4D9D6
CED4D1
C9CFCC
B5BAB8
A1A6A3
8D918F
797C7A
656866
505352
3C3E3D
282929
141514
000000
FFFFFF
FBFCFC
F8F9F8
F4F5F5
F1F2F1
EDEFEE
E9ECEB
E6E9E7
E2E5E4
DFE2E0
DBDFDD
C5C9C7
AFB2B1
999C9B
838685
6E706F
585958
424342
2C2D2C
161616
000000
FFFFFF
FDFDFD
FBFCFC
FAFAFA
F8F9F8
F6F7F7
F4F5F5
F2F4F3
F1F2F1
EFF1F0
EDEFEE
D5D7D6
BEBFBE
A6A7A7
8E8F8F
777877
5F605F
474847
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