Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/54585e-65686e-76797e-878a8e-989a9e-a9abae-babcbe-cbccce-dcddde-edeeee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 54585E
RGB: 84,88,94
Hex: 65686E
RGB: 101,104,110
Hex: 76797E
RGB: 118,121,126
Hex: 878A8E
RGB: 135,138,142
Hex: 989A9E
RGB: 152,154,158
Hex: A9ABAE
RGB: 169,171,174
Hex: BABCBE
RGB: 186,188,190
Hex: CBCCCE
RGB: 203,204,206
Hex: DCDDDE
RGB: 220,221,222
Hex: EDEEEE
RGB: 237,238,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
EEEEEF
DDDEDF
CCCDCF
BBBCBF
AAACAF
989B9E
878A8E
76797E
65696E
54585E
4C4F55
43464B
3B3E42
323538
2A2C2F
222326
191A1C
111213
080909
000000
FFFFFF
F0F0F1
E0E1E2
D1D2D4
C1C3C5
B2B4B7
A3A4A8
93959A
84868B
74777D
65686E
5B5E63
515358
47494D
3D3E42
333437
282A2C
1E1F21
141516
0A0A0B
000000
FFFFFF
F1F2F2
E4E4E5
D6D7D8
C8C9CB
BBBCBF
ADAFB2
9FA1A5
919498
84868B
76797E
6A6D71
5E6165
535558
47494C
3B3D3F
2F3032
232426
181819
0C0C0D
000000
FFFFFF
F3F3F4
E7E8E8
DBDCDD
CFD0D2
C3C5C7
B7B9BB
ABADB0
9FA1A5
939699
878A8E
7A7C80
6C6E72
5F6163
515355
444547
363739
28292B
1B1C1C
0D0E0E
000000
FFFFFF
F5F5F5
EAEBEC
E0E1E2
D6D7D8
CCCDCF
C1C2C5
B7B8BB
ADAEB1
A2A4A8
989A9E
898B8E
7A7B7E
6A6C6F
5B5C5F
4C4D4F
3D3E3F
2E2E2F
1E1F20
0F0F10
000000
FFFFFF
F6F7F7
EEEEEF
E5E6E7
DDDDDF
D4D5D7
CBCDCE
C3C4C6
BABCBE
B2B3B6
A9ABAE
989A9D
87898B
76787A
656768
555657
444446
333334
222223
111111
000000
FFFFFF
F8F8F9
F1F2F2
EAEBEC
E3E4E5
DDDEDF
D6D7D8
CFD0D2
C8C9CB
C1C3C5
BABCBE
A7A9AB
959698
828485
707172
5D5E5F
4A4B4C
383839
252626
131313
000000
FFFFFF
FAFAFA
F5F5F5
EFF0F0
EAEBEB
E5E6E7
E0E0E2
DBDBDD
D5D6D8
D0D1D3
CBCCCE
B7B8B9
A2A3A5
8E8F90
7A7A7C
666667
515252
3D3D3E
292929
141415
000000
FFFFFF
FCFCFC
F8F8F8
F5F5F5
F1F1F2
EEEEEF
EAEBEB
E7E7E8
E3E4E5
E0E0E1
DCDDDE
C6C7C8
B0B1B2
9A9B9B
848585
6E6F6F
585859
424243
2C2C2C
161616
000000
FFFFFF
FDFDFD
FBFCFC
FAFAFA
F8F8F8
F6F7F7
F4F5F5
F2F3F3
F1F1F1
EFF0F0
EDEEEE
D5D6D6
BEBEBE
A6A7A7
8E8F8F
777777
5F5F5F
474747
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