Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/517e9c-48718c-40647c-38586d-304b5d-283f4e-20323e-18252e-10191f-080c0f-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 517E9C
RGB: 81,126,156
Hex: 48718C
RGB: 72,113,140
Hex: 40647C
RGB: 64,100,124
Hex: 38586D
RGB: 56,88,109
Hex: 304B5D
RGB: 48,75,93
Hex: 283F4E
RGB: 40,63,78
Hex: 20323E
RGB: 32,50,62
Hex: 18252E
RGB: 24,37,46
Hex: 10191F
RGB: 16,25,31
Hex: 080C0F
RGB: 8,12,15
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
EEF2F5
DCE5EB
CBD8E1
B9CBD7
A8BFCE
97B2C4
85A5BA
7498B0
628BA6
517E9C
49718C
41657D
39586D
314C5E
293F4E
20323E
18262F
10191F
080D10
000000
FFFFFF
EDF1F4
DAE3E8
C8D4DD
B6C6D1
A4B8C6
91AABA
7F9CAF
6D8DA3
5A7F98
48718C
41667E
3A5A70
324F62
2B4454
243946
1D2D38
16222A
0E171C
070B0E
000000
FFFFFF
ECF0F2
D9E0E5
C6D1D8
B3C1CB
A0B2BE
8CA2B0
7993A3
668396
537489
40647C
3A5A70
335063
2D4657
263C4A
20323E
1A2832
131E25
0D1419
060A0C
000000
FFFFFF
EBEEF0
D7DEE2
C3CDD3
AFBCC5
9CACB6
889BA7
748A99
60798A
4C697C
38586D
324F62
2D4657
273E4C
223541
1C2C37
16232C
111A21
0B1216
06090B
000000
FFFFFF
EAEDEF
D6DBDF
C1C9CE
ACB7BE
98A5AE
83939E
6E818E
596F7D
455D6D
304B5D
2B4454
263C4A
223541
1D2D38
18262F
131E25
0E161C
0A0F13
050709
000000
FFFFFF
EAECED
D4D9DC
BFC5CA
A9B2B8
949FA7
7E8C95
697983
536571
3E5260
283F4E
243946
20323E
1C2C37
18262F
142027
10191F
0C1317
080D10
040608
000000
FFFFFF
E9EBEC
D2D6D8
BCC2C5
A6ADB2
90999F
79848B
637078
4D5B65
364751
20323E
1D2D38
1A2832
16232B
131E25
10191F
0D1419
0A0F13
060A0C
030506
000000
FFFFFF
E8E9EA
D1D3D5
BABEC0
A3A8AB
8C9297
747C82
5D666D
465158
2F3B43
18252E
162129
131E25
111A20
0E161C
0C1317
0A0F12
070B0E
050709
020405
000000
FFFFFF
E7E8E9
CFD1D2
B7BABC
9FA3A5
888C8F
707579
585E62
40474C
283035
10191F
0E171C
0D1419
0B1216
0A0F13
080D10
060A0C
050709
030506
020203
000000
FFFFFF
E6E7E7
CECECF
B5B6B7
9C9E9F
848687
6B6D6F
525557
393D3F
212427
080C0F
070B0E
060A0C
06080B
050709
040608
030506
020404
020203
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