Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5386c7-4a78b3-426b9f-3a5d8b-315077-294363-21354f-18283b-101a27-080d13-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5386C7
RGB: 83,134,199
Hex: 4A78B3
RGB: 74,120,179
Hex: 426B9F
RGB: 66,107,159
Hex: 3A5D8B
RGB: 58,93,139
Hex: 315077
RGB: 49,80,119
Hex: 294363
RGB: 41,67,99
Hex: 21354F
RGB: 33,53,79
Hex: 18283B
RGB: 24,40,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
DDE7F4
CBDBEE
BACFE9
A9C3E3
98B6DD
87AAD8
759ED2
6492CD
5386C7
4B79B3
426B9F
3A5E8B
325077
2A4364
213650
19283C
111B28
080D14
000000
FFFFFF
EDF2F7
DBE4F0
C9D7E8
B7C9E1
A5BCD9
92AED1
80A1CA
6E93C2
5C86BB
4A78B3
436CA1
3B608F
34547D
2C486B
253C5A
1E3048
162436
0F1824
070C12
000000
FFFFFF
ECF0F5
D9E1EC
C6D3E2
B3C4D9
A1B5CF
8EA6C5
7B97BC
6889B2
557AA9
426B9F
3B608F
35567F
2E4B6F
28405F
213650
1A2B40
142030
0D1520
070B10
000000
FFFFFF
EBEFF3
D8DFE8
C4CEDC
B0BED1
9DAEC5
899EB9
758EAE
617DA2
4E6D97
3A5D8B
34547D
2E4A6F
294161
233853
1D2F46
172538
111C2A
0C131C
06090E
000000
FFFFFF
EAEEF1
D6DCE4
C1CBD6
ADB9C9
98A8BB
8396AD
6F85A0
5A7392
466285
315077
2C486B
27405F
223853
1D3047
19283C
142030
0F1824
0A1018
05080C
000000
FFFFFF
EAECEF
D4D9E0
BFC7D0
A9B4C1
94A1B1
7F8EA1
697B92
546982
3E5673
294363
253C59
21364F
1D2F45
19283B
152232
101B28
0C141E
080D14
04070A
000000
FFFFFF
E9EBED
D3D7DC
BCC2CA
A6AEB9
909AA7
7A8695
647284
4D5D72
374961
21354F
1E3047
1A2A3F
172537
14202F
111B28
0D1520
0A1018
070B10
030508
000000
FFFFFF
E8EAEB
D1D4D8
BABFC4
A3A9B1
8C949D
747E89
5D6976
465362
2F3E4F
18283B
162435
13202F
111C29
0E1823
0C141E
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