Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5484c5-4b76b1-43699d-3a5c89-324f76-2a4262-21344e-19273b-101a27-080d13-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5484C5
RGB: 84,132,197
Hex: 4B76B1
RGB: 75,118,177
Hex: 43699D
RGB: 67,105,157
Hex: 3A5C89
RGB: 58,92,137
Hex: 324F76
RGB: 50,79,118
Hex: 2A4262
RGB: 42,66,98
Hex: 21344E
RGB: 33,52,78
Hex: 19273B
RGB: 25,39,59
Hex: 101A27
RGB: 16,26,39
Hex: 080D13
RGB: 8,13,19
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
EEF3F9
DDE6F3
CCDAEE
BBCEE8
AAC2E2
98B5DC
87A9D6
769DD1
6590CB
5484C5
4C77B1
436A9E
3B5C8A
324F76
2A4263
22354F
19283B
111A27
080D14
000000
FFFFFF
EDF1F7
DBE4EF
C9D6E8
B7C8E0
A5BBD8
93ADD0
819FC8
6F91C1
5D84B9
4B76B1
446A9F
3C5E8E
35537C
2D476A
263B59
1E2F47
162335
0F1823
070C12
000000
FFFFFF
ECF0F5
D9E1EB
C7D2E2
B4C3D8
A1B4CE
8EA5C4
7B96BA
6987B1
5678A7
43699D
3C5F8D
36547E
2F4A6E
283F5E
22354F
1B2A3F
141F2F
0D151F
070A10
000000
FFFFFF
EBEFF3
D8DEE7
C4CEDC
B0BED0
9DAEC4
899DB8
758DAC
617DA1
4E6C95
3A5C89
34537B
2E4A6E
294060
233752
1D2E45
172537
111C29
0C121B
06090E
000000
FFFFFF
EBEDF1
D6DCE4
C2CAD6
ADB9C8
99A7BB
8495AD
70849F
5B7291
476184
324F76
2D476A
283F5E
233753
1E2F47
19283B
14202F
0F1823
0A1018
05080C
000000
FFFFFF
EAECEF
D4D9E0
BFC6D0
AAB3C0
95A1B1
7F8EA1
6A7B91
556881
3F5572
2A4262
263B58
22354E
1D2E45
19283B
152131
111A27
0D141D
080D14
04070A
000000
FFFFFF
E9EBED
D3D6DC
BCC2CA
A6AEB8
909AA7
7A8595
647183
4D5D71
374860
21344E
1E2F46
1A2A3E
172437
141F2F
111A27
0D151F
0A1017
070A10
030508
000000
FFFFFF
E8E9EB
D1D4D8
BABEC4
A3A9B1
8C939D
757D89
5E6876
475262
303D4F
19273B
172335
141F2F
121B29
0F1723
0D141E
0A1018
070C12
05080C
020406
000000
FFFFFF
E7E8E9
CFD1D4
B7BABE
9FA3A9
888D93
70767D
585F68
404852
28313D
101A27
0E1723
0D151F
0B121B
0A1017
080D14
060A10
05080C
030508
020304
000000
FFFFFF
E6E7E7
CECFD0
B5B6B8
9C9EA1
848689
6B6E71
52565A
393D42
21252B
080D13
070C11
060A0F
06090D
05080B
04070A
030508
020406
020304
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