Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5778f9-4e6ce0-4560c7-3c54ae-344895-2b3c7c-223063-1a244a-111831-080c18-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5778F9
RGB: 87,120,249
Hex: 4E6CE0
RGB: 78,108,224
Hex: 4560C7
RGB: 69,96,199
Hex: 3C54AE
RGB: 60,84,174
Hex: 344895
RGB: 52,72,149
Hex: 2B3C7C
RGB: 43,60,124
Hex: 223063
RGB: 34,48,99
Hex: 1A244A
RGB: 26,36,74
Hex: 111831
RGB: 17,24,49
Hex: 080C18
RGB: 8,12,24
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
EEF2FE
DDE4FE
CDD7FD
BCC9FD
ABBCFC
9AAEFB
89A1FB
7993FA
6886FA
5778F9
4E6CE0
4660C7
3D54AE
344895
2C3C7D
233064
1A244B
111832
090C19
000000
FFFFFF
EDF0FC
DCE2F9
CAD3F6
B8C4F3
A7B6F0
95A7EC
8398E9
7189E6
607BE3
4E6CE0
4661CA
3E56B3
374C9D
2F4186
273670
1F2B5A
172043
10162D
080B16
000000
FFFFFF
ECEFF9
DADFF4
C7CFEE
B5BFE9
A2B0E3
8FA0DD
7D90D8
6A80D2
5870CD
4560C7
3E56B3
374D9F
30438B
293A77
233064
1C2650
151D3C
0E1328
070A14
000000
FFFFFF
ECEEF7
D8DDEF
C5CCE7
B1BBDF
9EAAD7
8A98CE
7787C6
6376BE
5065B6
3C54AE
364C9D
30438B
2A3B7A
243268
1E2A57
182246
121934
0C1123
060811
000000
FFFFFF
EBEDF4
D6DAEA
C2C8DF
AEB6D5
9AA4CA
8591BF
717FB5
5D6DAA
485AA0
344895
2F4186
2A3A77
243268
1F2B59
1A244B
151D3C
10162D
0A0E1E
05070F
000000
FFFFFF
EAECF2
D5D8E5
BFC5D8
AAB1CB
959EBE
808AB0
6B77A3
556396
405089
2B3C7C
273670
223063
1E2A57
1A244A
161E3E
111832
0D1225
090C19
04060C
000000
FFFFFF
E9EAEF
D3D6E0
BDC1D0
A7ACC1
9198B1
7A83A1
646E92
4E5982
384573
223063
1F2B59
1B264F
182245
141D3B
111832
0E1328
0A0E1E
070A14
03050A
000000
FFFFFF
E8E9ED
D1D3DB
BABDC9
A3A7B7
8D92A5
767C92
5F6680
48506E
313A5C
1A244A
172043
151D3B
121934
10162C
0D1225
0A0E1E
080B16
05070F
030407
000000
FFFFFF
E7E8EA
CFD1D6
B8BAC1
A0A3AD
888C98
707483
585D6F
41465A
292F46
111831
0F162C
0E1327
0C1122
0A0E1D
090C19
070A14
05070F
03050A
020205
000000
FFFFFF
E6E7E8
CECED1
B5B6BA
9C9EA3
84868C
6B6D74
52555D
393D46
21242F
080C18
070B16
060A13
060811
05070E
04060C
03050A
020407
020205
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