Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/548bc1-4b7dad-436f9a-3a6187-325373-2a4560-21374d-192939-101b26-080d13-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 548BC1
RGB: 84,139,193
Hex: 4B7DAD
RGB: 75,125,173
Hex: 436F9A
RGB: 67,111,154
Hex: 3A6187
RGB: 58,97,135
Hex: 325373
RGB: 50,83,115
Hex: 2A4560
RGB: 42,69,96
Hex: 21374D
RGB: 33,55,77
Hex: 192939
RGB: 25,41,57
Hex: 101B26
RGB: 16,27,38
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
DDE8F3
CCDCEC
BBD1E6
AAC5E0
98B9DA
87AED4
76A2CD
6597C7
548BC1
4C7DAE
436F9A
3B6187
325374
2A4661
22384D
192A3A
111C27
080E13
000000
FFFFFF
EDF2F7
DBE5EF
C9D8E6
B7CBDE
A5BED6
93B1CE
81A4C6
6F97BD
5D8AB5
4B7DAD
44719C
3C648A
355879
2D4B68
263F57
1E3245
162534
0F1923
070C11
000000
FFFFFF
ECF1F5
D9E2EB
C7D4E1
B4C5D7
A1B7CD
8EA9C2
7B9AB8
698CAE
567DA4
436F9A
3C648B
36597B
2F4E6C
28435C
22384D
1B2C3E
14212E
0D161F
070B0F
000000
FFFFFF
EBEFF3
D8DFE7
C4D0DB
B0C0CF
9DB0C3
89A0B7
7590AB
61819F
4E7193
3A6187
34577A
2E4E6C
29445F
233A51
1D3144
172736
111D28
0C131B
060A0D
000000
FFFFFF
EBEEF1
D6DDE3
C2CBD5
ADBAC7
99A9B9
8498AB
70879D
5B758F
476481
325373
2D4B68
28425C
233A51
1E3245
192A3A
14212E
0F1922
0A1117
05080B
000000
FFFFFF
EAECEF
D4DADF
BFC7CF
AAB5BF
95A2B0
7F8FA0
6A7D90
556A80
3F5870
2A4560
263E56
22374D
1D3043
19293A
152330
111C26
0D151D
080E13
04070A
000000
FFFFFF
E9EBED
D3D7DB
BCC3CA
A6AFB8
909BA6
7A8794
647382
4D5F71
374B5F
21374D
1E3245
1A2C3E
172736
14212E
111C27
0D161F
0A1017
070B0F
030508
000000
FFFFFF
E8EAEB
D1D4D7
BABFC4
A3A9B0
8C949C
757F88
5E6974
475461
303E4D
192939
172533
14212E
121D28
0F1922
0D151D
0A1017
070C11
05080B
020406
000000
FFFFFF
E7E8E9
CFD1D4
B7BBBE
9FA4A8
888D93
70767D
585F67
404951
28323C
101B26
0E1822
0D161E
0B131B
0A1017
080E13
060B0F
05080B
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