Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4e80d4-4673be-3e66a9-365994-2e4c7f-27406a-1f3354-17263f-0f192a-070c15-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4E80D4
RGB: 78,128,212
Hex: 4673BE
RGB: 70,115,190
Hex: 3E66A9
RGB: 62,102,169
Hex: 365994
RGB: 54,89,148
Hex: 2E4C7F
RGB: 46,76,127
Hex: 27406A
RGB: 39,64,106
Hex: 1F3354
RGB: 31,51,84
Hex: 17263F
RGB: 23,38,63
Hex: 0F192A
RGB: 15,25,42
Hex: 070C15
RGB: 7,12,21
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
EDF2FB
DCE6F6
CAD9F2
B8CCEE
A7C0EA
95B3E5
83A6E1
7199DD
608DD8
4E80D4
4673BF
3E66AA
375A94
2F4D7F
27406A
1F3355
172640
101A2A
080D15
000000
FFFFFF
EDF1F9
DAE3F2
C8D5EC
B5C7E5
A3B9DF
90ABD8
7E9DD2
6B8FCB
5981C5
4673BE
3F68AB
385C98
315185
2A4572
233A5F
1C2E4C
152239
0E1726
070B13
000000
FFFFFF
ECF0F6
D8E0EE
C5D1E5
B2C2DD
9FB3D4
8BA3CB
7894C3
6585BA
5175B2
3E66A9
385C98
325287
2B4776
253D65
1F3355
192944
131F33
0C1422
060A11
000000
FFFFFF
EBEEF4
D7DEEA
C3CDDF
AFBDD4
9BACCA
869BBF
728BB4
5E7AA9
4A6A9F
365994
315085
2B4776
263E68
203559
1B2D4A
16243B
101B2C
0B121E
05090F
000000
FFFFFF
EAEDF2
D5DBE5
C0C9D9
ABB7CC
97A6BF
8294B2
6D82A5
587099
435E8C
2E4C7F
294472
253D66
203559
1C2E4C
172640
121E33
0E1726
090F19
05080D
000000
FFFFFF
E9ECF0
D4D9E1
BEC6D2
A9B3C3
93A0B5
7D8CA6
687997
526688
3D5379
27406A
233A5F
1F3355
1B2D4A
172640
142035
101A2A
0C1320
080D15
04060B
000000
FFFFFF
E9EBEE
D2D6DD
BCC2CC
A5ADBB
8F99AA
798598
627087
4C5C76
354765
1F3354
1C2E4C
192943
16243B
131F32
101A2A
0C1422
090F19
060A11
030508
000000
FFFFFF
E8E9EC
D1D4D9
B9BEC5
A2A8B2
8B939F
747D8C
5D6779
455165
2E3C52
17263F
152239
121E32
101B2C
0E1726
0C1320
090F19
070B13
05080D
020406
000000
FFFFFF
E7E8EA
CFD1D4
B7BABF
9FA3AA
878C95
6F757F
575E6A
3F4755
27303F
0F192A
0E1726
0C1422
0B121D
090F19
080D15
060A11
04070D
030508
010204
000000
FFFFFF
E6E7E8
CDCED0
B5B6B9
9C9EA1
83868A
6A6D73
51555B
393D44
20242C
070C15
060B13
060A11
05080F
04070D
04060B
030508
020406
010204
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