Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/395060-4c616f-60737f-74848f-88969f-9ca7af-afb9bf-c3cacf-d7dcdf-ebedef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 395060
RGB: 57,80,96
Hex: 4C616F
RGB: 76,97,111
Hex: 60737F
RGB: 96,115,127
Hex: 74848F
RGB: 116,132,143
Hex: 88969F
RGB: 136,150,159
Hex: 9CA7AF
RGB: 156,167,175
Hex: AFB9BF
RGB: 175,185,191
Hex: C3CACF
RGB: 195,202,207
Hex: D7DCDF
RGB: 215,220,223
Hex: EBEDEF
RGB: 235,237,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
EBEEEF
D7DCDF
C4CBCF
B0B9BF
9CA8B0
8896A0
748590
617380
4D6270
395060
334856
2E404D
283843
22303A
1D2830
172026
11181D
0B1013
06080A
000000
FFFFFF
EDEFF1
DBDFE2
C9D0D4
B7C0C5
A6B0B7
94A0A9
82909A
70818C
5E717D
4C616F
445764
3D4E59
35444E
2E3A43
263138
1E272C
171D21
0F1316
080A0B
000000
FFFFFF
EFF1F2
DFE3E5
CFD5D9
BFC7CC
B0B9BF
A0ABB2
909DA5
808F99
70818C
60737F
566872
4D5C66
435159
3A454C
303A40
262E33
1D2226
131719
0A0B0D
000000
FFFFFF
F1F3F4
E3E6E9
D5DADD
C7CED2
BAC2C7
ACB5BC
9EA9B1
909DA5
82909A
74848F
687781
5D6A72
515C64
464F56
3A4248
2E3539
23282B
171A1D
0C0D0E
000000
FFFFFF
F3F5F5
E7EAEC
DBE0E2
CFD5D9
C4CBCF
B8C0C5
ACB6BC
A0ABB2
94A1A9
88969F
7A878F
6D787F
5F696F
525A5F
444B50
363C40
292D30
1B1E20
0E0F10
000000
FFFFFF
F5F6F7
EBEDEF
E1E5E7
D7DCDF
CED3D7
C4CACF
BAC1C7
B0B9BF
A6B0B7
9CA7AF
8C969E
7D868C
6D757A
5E6469
4E5458
3E4346
2F3234
1F2123
101111
000000
FFFFFF
F7F8F9
EFF1F2
E7EAEC
DFE3E5
D7DCDF
CFD5D9
C7CED2
BFC7CC
B7C0C5
AFB9BF
9EA7AC
8C9499
7A8286
696F73
585D60
464A4C
343739
232526
111213
000000
FFFFFF
F9FAFA
F3F4F5
EDEFF1
E7EAEC
E1E5E7
DBDFE2
D5DADD
CFD5D9
C9CFD4
C3CACF
B0B6BA
9CA2A6
898D91
75797C
626568
4E5153
3A3D3E
272829
131415
000000
FFFFFF
FBFCFC
F7F8F9
F3F5F5
EFF1F2
EBEEEF
E7EAEC
E3E7E9
DFE3E5
DBE0E2
D7DCDF
C2C6C9
ACB0B2
979A9C
818486
6C6E70
565859
404243
2B2C2D
151616
000000
FFFFFF
FDFDFD
FBFBFC
F9FAFA
F7F8F9
F5F6F7
F3F4F5
F1F2F4
EFF1F2
EDEFF1
EBEDEF
D4D5D7
BCBEBF
A5A6A7
8D8E8F
767778
5E5F60
464748
2F2F30
171818
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