Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/575d5e-4e5354-454a4b-3c4141-343738-2b2e2f-222525-1a1b1c-111212-080909-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 575D5E
RGB: 87,93,94
Hex: 4E5354
RGB: 78,83,84
Hex: 454A4B
RGB: 69,74,75
Hex: 3C4141
RGB: 60,65,65
Hex: 343738
RGB: 52,55,56
Hex: 2B2E2F
RGB: 43,46,47
Hex: 222525
RGB: 34,37,37
Hex: 1A1B1C
RGB: 26,27,28
Hex: 111212
RGB: 17,18,18
Hex: 080909
RGB: 8,9,9
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
EEEFEF
DDDFDF
CDCECF
BCBEBF
ABAEAF
9A9E9E
898E8E
797D7E
686D6E
575D5E
4E5455
464A4B
3D4142
343838
2C2F2F
232526
1A1C1C
111313
090909
000000
FFFFFF
EDEEEE
DCDDDD
CACBCC
B8BABB
A7A9AA
959898
838787
717576
606465
4E5354
464B4C
3E4243
373A3B
2F3232
272A2A
1F2122
171919
101111
080808
000000
FFFFFF
ECEDED
DADBDB
C7C9C9
B5B7B7
A2A5A5
8F9293
7D8081
6A6E6F
585C5D
454A4B
3E4344
373B3C
303435
292C2D
232526
1C1E1E
151616
0E0F0F
070707
000000
FFFFFF
ECECEC
D8D9D9
C5C6C6
B1B3B3
9EA0A0
8A8D8D
777A7A
636767
505454
3C4141
363B3B
303434
2A2E2E
242727
1E2121
181A1A
121313
0C0D0D
060606
000000
FFFFFF
EBEBEB
D6D7D7
C2C3C3
AEAFAF
9A9B9C
858788
717374
5D5F60
484B4C
343738
2F3232
2A2C2D
242727
1F2122
1A1C1C
151616
101011
0A0B0B
050506
000000
FFFFFF
EAEAEA
D5D5D5
BFC0C1
AAABAC
959797
808282
6B6D6D
555859
404344
2B2E2F
27292A
222526
1E2021
1A1C1C
161718
111213
0D0E0E
090909
040505
000000
FFFFFF
E9E9E9
D3D3D3
BDBEBE
A7A8A8
919292
7A7C7C
646666
4E5151
383B3B
222525
1F2121
1B1E1E
181A1A
141616
111313
0E0F0F
0A0B0B
070707
030404
000000
FFFFFF
E8E8E8
D1D1D2
BABBBB
A3A4A4
8D8D8E
767677
5F5F60
484949
313233
1A1B1C
171819
151616
121314
101011
0D0E0E
0A0B0B
080808
050506
030303
000000
FFFFFF
E7E7E7
CFD0D0
B8B8B8
A0A0A0
888989
707171
585959
414141
292A2A
111212
0F1010
0E0E0E
0C0D0D
0A0B0B
090909
070707
050505
030404
020202
000000
FFFFFF
E6E6E6
CECECE
B5B5B5
9C9D9D
848484
6B6B6B
525353
393A3A
212222
080909
070808
060707
060606
050505
040505
030404
020303
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