Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5782a7-4e7596-456885-3c5b74-344e64-2b4153-223442-1a2732-111a21-080d10-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5782A7
RGB: 87,130,167
Hex: 4E7596
RGB: 78,117,150
Hex: 456885
RGB: 69,104,133
Hex: 3C5B74
RGB: 60,91,116
Hex: 344E64
RGB: 52,78,100
Hex: 2B4153
RGB: 43,65,83
Hex: 223442
RGB: 34,52,66
Hex: 1A2732
RGB: 26,39,50
Hex: 111A21
RGB: 17,26,33
Hex: 080D10
RGB: 8,13,16
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
EEF3F6
DDE6ED
CDDAE5
BCCDDC
ABC1D3
9AB4CA
89A8C1
799BB9
688FB0
5782A7
4E7596
466886
3D5B75
344E64
2C4154
233443
1A2732
111A21
090D11
000000
FFFFFF
EDF1F5
DCE3EA
CAD6E0
B8C8D5
A7BACB
95ACC0
839EB6
7191AB
6083A1
4E7596
466987
3E5E78
375269
2F465A
273B4B
1F2F3C
17232D
10171E
080C0F
000000
FFFFFF
ECF0F3
DAE1E7
C7D2DA
B5C3CE
A2B4C2
8FA4B6
7D95AA
6A869D
587791
456885
3E5E78
37536A
30495D
293E50
233443
1C2A35
151F28
0E151B
070A0D
000000
FFFFFF
ECEFF1
D8DEE3
C5CED5
B1BDC7
9EADBA
8A9DAC
778C9E
637C90
506B82
3C5B74
365268
30495D
2A4051
243746
1E2E3A
18242E
121B23
0C1217
06090C
000000
FFFFFF
EBEDF0
D6DCE0
C2CAD1
AEB8C1
9AA7B2
8595A2
718393
5D7183
486074
344E64
2F465A
2A3E50
243746
1F2F3C
1A2732
151F28
10171E
0A1014
05080A
000000
FFFFFF
EAECEE
D5D9DD
BFC6CB
AAB3BA
95A0A9
808D98
6B7A87
556775
405464
2B4153
273B4B
223442
1E2E3A
1A2732
16212A
111A21
0D1319
090D11
040608
000000
FFFFFF
E9EBEC
D3D6D9
BDC2C6
A7AEB3
919AA1
7A858E
64717B
4E5D68
384855
223442
1F2F3B
1B2A35
18242E
141F28
111A21
0E151A
0A1014
070A0D
030507
000000
FFFFFF
E8E9EB
D1D4D6
BABEC2
A3A9AD
8D9399
767D84
5F6870
48525B
313D47
1A2732
17232D
151F28
121B23
10171E
0D1419
0A1014
080C0F
05080A
030405
000000
FFFFFF
E7E8E9
CFD1D3
B8BABC
A0A3A6
888D90
70767A
585F64
41484D
293137
111A21
0F171E
0E151A
0C1217
0A1014
090D11
070A0D
05080A
030507
020303
000000
FFFFFF
E6E7E7
CECFCF
B5B6B7
9C9E9F
848688
6B6E70
525658
393D40
212528
080D10
070C0E
060A0D
06090B
05080A
040708
030506
020405
020303
010102
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