Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5c657b-525a6e-495062-404656-373c49-2e323d-242831-1b1e24-121418-090a0c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5C657B
RGB: 92,101,123
Hex: 525A6E
RGB: 82,90,110
Hex: 495062
RGB: 73,80,98
Hex: 404656
RGB: 64,70,86
Hex: 373C49
RGB: 55,60,73
Hex: 2E323D
RGB: 46,50,61
Hex: 242831
RGB: 36,40,49
Hex: 1B1E24
RGB: 27,30,36
Hex: 121418
RGB: 18,20,24
Hex: 090A0C
RGB: 9,10,12
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EFF0F2
DEE0E5
CED1D7
BEC1CA
AEB2BD
9DA3B0
8D93A3
7D8495
6C7488
5C657B
535B6F
4A5162
404756
373D4A
2E333E
252831
1C1E25
121419
090A0C
000000
FFFFFF
EEEFF1
DCDEE2
CBCED4
BABDC5
A9ADB7
979CA8
868C9A
757B8B
636B7D
525A6E
4A5163
424858
393F4D
313642
292D37
21242C
191B21
101216
08090B
000000
FFFFFF
EDEEEF
DBDCE0
C8CBD0
B6B9C0
A4A8B1
9296A1
808591
6D7381
5B6272
495062
424858
3A404E
333845
2C303B
252831
1D2027
16181D
0F1014
07080A
000000
FFFFFF
ECEDEE
D9DADD
C6C8CC
B3B5BB
A0A3AB
8C909A
797E89
666B78
535967
404656
3A3F4D
333845
2D313C
262A34
20232B
1A1C22
13151A
0D0E11
060709
000000
FFFFFF
EBECED
D7D8DB
C3C5C8
AFB1B6
9B9EA4
878A92
737780
5F636D
4B505B
373C49
323642
2C303A
272A33
21242C
1C1E25
16181D
101216
0B0C0F
050607
000000
FFFFFF
EAEBEC
D5D6D8
C0C2C5
ABADB1
97999E
82848B
6D7077
585B64
434750
2E323D
292D37
252831
20232B
1C1E25
17191F
121418
0E0F12
090A0C
050506
000000
FFFFFF
E9EAEA
D3D4D6
BDBFC1
A7A9AD
929498
7C7E83
66696F
50535A
3A3E46
242831
20242C
1D2027
191C22
16181D
121419
0E1014
0B0C0F
07080A
040405
000000
FFFFFF
E8E9E9
D1D2D3
BBBCBD
A4A5A7
8D8F92
76787C
5F6266
494B50
32353A
1B1E24
181B20
16181D
131519
101216
0E0F12
0B0C0E
08090B
050607
030304
000000
FFFFFF
E7E8E8
D0D0D1
B8B9BA
A0A1A3
898A8C
717274
595B5D
414346
2A2C2F
121418
101216
0E1013
0D0E11
0B0C0E
090A0C
07080A
050607
040405
020202
000000
FFFFFF
E6E7E7
CECECE
B5B6B6
9D9D9E
848586
6B6C6D
535455
3A3B3D
222324
090A0C
08090B
07080A
060708
050607
050506
040405
030304
020202
010101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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