Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5c7564-52695a-495d50-405146-37463c-2e3a32-242e27-1b231e-121714-090b0a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5C7564
RGB: 92,117,100
Hex: 52695A
RGB: 82,105,90
Hex: 495D50
RGB: 73,93,80
Hex: 405146
RGB: 64,81,70
Hex: 37463C
RGB: 55,70,60
Hex: 2E3A32
RGB: 46,58,50
Hex: 242E27
RGB: 36,46,39
Hex: 1B231E
RGB: 27,35,30
Hex: 121714
RGB: 18,23,20
Hex: 090B0A
RGB: 9,11,10
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
EFF1F0
DEE3E0
CED6D1
BEC8C1
AEBAB2
9DACA2
8D9E93
7D9183
6C8374
5C7564
53695A
4A5E50
405246
37463C
2E3B32
252F28
1C231E
121714
090C0A
000000
FFFFFF
EEF0EF
DCE1DE
CBD2CE
BAC3BD
A9B4AD
97A59C
86968C
75877B
63786B
52695A
4A5F51
425448
394A3F
313F36
29352D
212A24
191F1B
101512
080A09
000000
FFFFFF
EDEFEE
DBDFDC
C8CECB
B6BEB9
A4AEA8
929E96
808E85
6D7D73
5B6D62
495D50
425448
3A4A40
334138
2C3830
252F28
1D2520
161C18
0F1310
070908
000000
FFFFFF
ECEEED
D9DCDA
C6CBC8
B3B9B5
A0A8A3
8C9790
79857E
66746B
536259
405146
3A493F
334138
2D3931
26312A
202923
1A201C
131815
0D100E
060807
000000
FFFFFF
EBEDEC
D7DAD8
C3C8C5
AFB5B1
9BA39E
87908A
737E77
5F6B63
4B5950
37463C
323F36
2C3830
27312A
212A24
1C231E
161C18
101512
0B0E0C
050706
000000
FFFFFF
EAEBEB
D5D8D6
C0C4C2
ABB0AD
979D99
828984
6D7570
58615B
434E47
2E3A32
29342D
252E28
202923
1C231E
171D19
121714
0E110F
090C0A
050605
000000
FFFFFF
E9EAE9
D3D5D4
BDC0BE
A7ABA9
929793
7C827D
666D68
505852
3A433D
242E27
202923
1D251F
19201B
161C17
121714
0E1210
0B0E0C
070908
040504
000000
FFFFFF
E8E9E9
D1D3D2
BBBDBC
A4A7A5
8D918F
767B78
5F6562
494F4B
323935
1B231E
18201B
161C18
131915
101512
0E120F
0B0E0C
080A09
050706
030303
000000
FFFFFF
E7E8E8
D0D1D0
B8B9B9
A0A2A1
898B8A
717472
595D5B
414543
2A2E2C
121714
101512
0E1210
0D100E
0B0E0C
090C0A
070908
050706
040504
020202
000000
FFFFFF
E6E7E7
CECECE
B5B6B6
9D9D9D
848585
6B6D6C
535454
3A3C3B
222323
090B0A
080A09
070908
060807
050706
050605
040404
030303
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