Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/395256-4c6366-607477-748588-889799-9ca8aa-afb9bb-c3cbcc-d7dcdd-ebedee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 395256
RGB: 57,82,86
Hex: 4C6366
RGB: 76,99,102
Hex: 607477
RGB: 96,116,119
Hex: 748588
RGB: 116,133,136
Hex: 889799
RGB: 136,151,153
Hex: 9CA8AA
RGB: 156,168,170
Hex: AFB9BB
RGB: 175,185,187
Hex: C3CBCC
RGB: 195,203,204
Hex: D7DCDD
RGB: 215,220,221
Hex: EBEDEE
RGB: 235,237,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
EBEEEE
D7DCDD
C4CBCC
B0BABB
9CA9AB
88979A
748689
617578
4D6367
395256
334A4D
2E4245
28393C
223134
1D292B
172122
11191A
0B1011
060809
000000
FFFFFF
EDEFF0
DBE0E0
C9D0D1
B7C1C2
A6B1B3
94A1A3
829294
708285
5E7375
4C6366
44595C
3D4F52
354547
2E3B3D
263233
1E2829
171E1F
0F1414
080A0A
000000
FFFFFF
EFF1F1
DFE3E4
CFD5D6
BFC7C9
B0BABB
A0ACAD
909EA0
809092
708285
607477
56686B
4D5D5F
435153
3A4647
303A3C
262E30
1D2324
131718
0A0C0C
000000
FFFFFF
F1F3F3
E3E7E7
D5DADB
C7CECF
BAC2C4
ACB6B8
9EAAAC
909DA0
829194
748588
68787A
5D6A6D
515D5F
465052
3A4344
2E3536
232829
171B1B
0C0D0E
000000
FFFFFF
F3F5F5
E7EAEB
DBE0E0
CFD5D6
C4CBCC
B8C1C2
ACB6B8
A0ACAD
94A1A3
889799
7A888A
6D797A
5F6A6B
525B5C
444C4D
363C3D
292D2E
1B1E1F
0E0F0F
000000
FFFFFF
F5F6F7
EBEEEE
E1E5E6
D7DCDD
CED4D5
C4CBCC
BAC2C4
B0B9BB
A6B1B3
9CA8AA
8C9799
7D8688
6D7677
5E6566
4E5455
3E4344
2F3233
1F2222
101111
000000
FFFFFF
F7F8F8
EFF1F1
E7EAEB
DFE3E4
D7DCDD
CFD5D6
C7CECF
BFC7C9
B7C0C2
AFB9BB
9EA7A8
8C9496
7A8283
696F70
585D5E
464A4B
343738
232525
111213
000000
FFFFFF
F9FAFA
F3F5F5
EDEFF0
E7EAEB
E1E5E6
DBE0E0
D5DBDB
CFD5D6
C9D0D1
C3CBCC
B0B7B8
9CA2A3
898E8F
757A7A
626666
4E5152
3A3D3D
272929
131414
000000
FFFFFF
FBFCFC
F7F8F8
F3F5F5
EFF1F1
EBEEEE
E7EAEB
E3E7E7
DFE3E4
DBE0E0
D7DCDD
C2C6C7
ACB0B1
979A9B
818485
6C6E6F
565858
404242
2B2C2C
151616
000000
FFFFFF
FDFDFD
FBFBFC
F9FAFA
F7F8F8
F5F6F7
F3F4F5
F1F2F3
EFF1F1
EDEFF0
EBEDEE
D4D5D6
BCBEBE
A5A6A7
8D8E8F
767777
5E5F5F
464747
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