Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5f5864-554f5a-4c4650-423d46-39343c-2f2c32-252327-1c1a1e-131114-09080a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5F5864
RGB: 95,88,100
Hex: 554F5A
RGB: 85,79,90
Hex: 4C4650
RGB: 76,70,80
Hex: 423D46
RGB: 66,61,70
Hex: 39343C
RGB: 57,52,60
Hex: 2F2C32
RGB: 47,44,50
Hex: 252327
RGB: 37,35,39
Hex: 1C1A1E
RGB: 28,26,30
Hex: 131114
RGB: 19,17,20
Hex: 09080A
RGB: 9,8,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
EFEEF0
DFDEE0
CFCDD1
BFBCC1
AFACB2
9F9BA2
8F8A93
7F7983
6F6974
5F5864
564F5A
4C4650
433E46
39353C
302C32
262328
1C1A1E
131214
09090A
000000
FFFFFF
EEEDEF
DDDCDE
CCCACE
BBB9BD
AAA7AD
99959C
88848C
77727B
66616B
554F5A
4D4751
443F48
3B373F
332F36
2B282D
222024
19181B
111012
080809
000000
FFFFFF
EDEDEE
DBDADC
C9C8CB
B7B5B9
A6A3A8
949096
827E85
706B73
5E5962
4C4650
443F48
3D3840
353138
2E2A30
262328
1E1C20
171518
0F0E10
080708
000000
FFFFFF
ECECED
D9D8DA
C6C5C8
B3B1B5
A19EA3
8E8B90
7B777E
68646B
555059
423D46
3B373F
353138
2E2B31
28252A
211F23
1A181C
141215
0D0C0E
070607
000000
FFFFFF
EBEBEC
D7D6D8
C4C2C5
B0AEB1
9C9A9E
88858A
747177
615D63
4D4850
39343C
332F36
2E2A30
28242A
221F24
1D1A1E
171518
111012
0B0A0C
060506
000000
FFFFFF
EAEAEB
D5D5D6
C1C0C2
ACABAD
979699
828084
6D6B70
59565B
444147
2F2C32
2A282D
262328
211F23
1C1A1E
181619
131214
0E0D0F
09090A
050405
000000
FFFFFF
E9E9E9
D3D3D4
BEBDBE
A8A7A9
929193
7C7B7D
666568
514F52
3B393D
252327
212023
1E1C1F
1A191B
161517
131214
0F0E10
0B0A0C
070708
040304
000000
FFFFFF
E8E8E9
D2D1D2
BBBABC
A4A3A5
8E8D8F
777678
605F62
49484B
333135
1C1A1E
19171B
161518
141215
111012
0E0D0F
0B0A0C
080809
060506
030303
000000
FFFFFF
E7E7E8
D0CFD0
B8B8B9
A1A0A1
89888A
717072
5A585B
424143
2B292C
131114
110F12
0F0E10
0D0C0E
0B0A0C
0A090A
080708
060506
040304
020202
000000
FFFFFF
E6E6E7
CECECE
B5B5B6
9D9C9D
848485
6B6B6C
535254
3A393B
222123
09080A
080709
070608
060607
050506
050405
040304
030203
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