Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/53546e-4b4c63-424358-3a3b4d-323242-2a2a37-21222c-191921-111116-08080b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 53546E
RGB: 83,84,110
Hex: 4B4C63
RGB: 75,76,99
Hex: 424358
RGB: 66,67,88
Hex: 3A3B4D
RGB: 58,59,77
Hex: 323242
RGB: 50,50,66
Hex: 2A2A37
RGB: 42,42,55
Hex: 21222C
RGB: 33,34,44
Hex: 191921
RGB: 25,25,33
Hex: 111116
RGB: 17,17,22
Hex: 08080B
RGB: 8,8,11
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
EEEEF1
DDDDE2
CBCCD4
BABBC5
A9AAB7
9898A8
87879A
75768B
64657D
53546E
4B4C63
424358
3A3B4D
323242
2A2A37
21222C
191921
111116
08080B
000000
FFFFFF
EDEDEF
DBDBE0
C9C9D0
B7B7C1
A5A6B1
9394A1
818292
6F7082
5D5E73
4B4C63
444459
3C3D4F
353545
2D2E3B
262632
1E1E28
16171E
0F0F14
07080A
000000
FFFFFF
ECECEE
D9D9DE
C6C7CD
B3B4BC
A1A1AC
8E8E9B
7B7B8A
686979
555669
424358
3B3C4F
353646
2E2F3E
282835
21222C
1A1B23
14141A
0D0D12
070709
000000
FFFFFF
EBEBED
D8D8DB
C4C4CA
B0B1B8
9D9DA6
898994
757682
616271
4E4F5F
3A3B4D
343545
2E2F3E
292936
23232E
1D1E27
17181F
111217
0C0C0F
060608
000000
FFFFFF
EBEBEC
D6D6D9
C2C2C6
ADADB3
9999A1
84848E
70707B
5B5B68
474755
323242
2D2D3B
282835
23232E
1E1E28
191921
14141A
0F0F14
0A0A0D
050507
000000
FFFFFF
EAEAEB
D4D4D7
BFBFC3
AAAAAF
95959B
7F7F87
6A6A73
55555F
3F3F4B
2A2A37
262632
22222C
1D1D27
191921
15151C
111116
0D0D10
08080B
040405
000000
FFFFFF
E9E9EA
D3D3D5
BCBDC0
A6A7AB
909196
7A7A80
64646B
4D4E56
373841
21222C
1E1F28
1A1B23
17181F
14141A
111116
0D0E12
0A0A0D
070709
030304
000000
FFFFFF
E8E8E9
D1D1D3
BABABC
A3A3A6
8C8C90
75757A
5E5E64
47474D
303037
191921
17171E
14141A
121217
0F0F14
0D0D11
0A0A0D
07070A
050507
020203
000000
FFFFFF
E7E7E8
CFCFD0
B8B8B9
A0A0A2
88888B
707073
58585C
414145
29292D
111116
0F0F14
0E0E12
0C0C0F
0A0A0D
09090B
070709
050507
030304
020202
000000
FFFFFF
E6E6E7
CECECE
B5B5B6
9C9C9D
848485
6B6B6D
525254
39393C
212123
08080B
07070A
060609
060608
050507
040406
030304
020203
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