Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/58d4fa-4fbee1-46a9c8-3d94af-347f96-2c6a7d-235464-1a3f4b-112a32-081519-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 58D4FA
RGB: 88,212,250
Hex: 4FBEE1
RGB: 79,190,225
Hex: 46A9C8
RGB: 70,169,200
Hex: 3D94AF
RGB: 61,148,175
Hex: 347F96
RGB: 52,127,150
Hex: 2C6A7D
RGB: 44,106,125
Hex: 235464
RGB: 35,84,100
Hex: 1A3F4B
RGB: 26,63,75
Hex: 112A32
RGB: 17,42,50
Hex: 081519
RGB: 8,21,25
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
EEFBFF
DEF6FE
CDF2FE
BCEEFD
ACEAFD
9BE5FC
8AE1FC
79DDFB
69D8FB
58D4FA
4FBFE1
46AAC8
3E94AF
357F96
2C6A7D
235564
1A404B
122A32
091519
000000
FFFFFF
EDF9FC
DCF2F9
CAECF6
B9E5F3
A7DFF0
95D8ED
84D2EA
72CBE7
61C5E4
4FBEE1
47ABCB
3F98B4
37859E
2F7287
285F71
204C5A
183943
10262D
081316
000000
FFFFFF
EDF6FA
DAEEF4
C8E5EF
B5DDE9
A3D4E4
90CBDE
7EC3D9
6BBAD3
59B2CE
46A9C8
3F98B4
3887A0
31768C
2A6578
235564
1C4450
15333C
0E2228
071114
000000
FFFFFF
ECF4F7
D8EAEF
C5DFE7
B1D4DF
9ECAD7
8BBFCF
77B4C7
64A9BF
509FB7
3D94AF
37859E
31768C
2B687A
255969
1F4A58
183B46
122C34
0C1E23
060F11
000000
FFFFFF
EBF2F5
D6E5EA
C2D9E0
AECCD5
9ABFCB
85B2C0
71A5B6
5D99AB
488CA1
347F96
2F7287
2A6678
245969
1F4C5A
1A404B
15333C
10262D
0A191E
050D0F
000000
FFFFFF
EAF0F2
D5E1E5
C0D2D8
ABC3CB
96B5BE
80A6B1
6B97A4
568897
41798A
2C6A7D
285F71
235564
1F4A58
1A404B
16353F
122A32
0D2025
091519
040B0C
000000
FFFFFF
E9EEF0
D3DDE0
BDCCD1
A7BBC1
91AAB2
7B98A2
658793
4F7683
396574
235464
204C5A
1C4350
193B46
15323C
122A32
0E2228
0A191E
071114
03080A
000000
FFFFFF
E8ECED
D1D9DB
BAC5C9
A3B2B7
8D9FA5
768C93
5F7981
48656F
31525D
1A3F4B
173944
15323C
122C35
10262D
0D2026
0A191E
081316
050D0F
030607
000000
FFFFFF
E7EAEB
CFD4D6
B8BFC2
A0AAAD
889599
707F84
586A70
41555B
293F47
112A32
0F262D
0E2228
0C1D23
0A191E
091519
071114
050D0F
03080A
020405
000000
FFFFFF
E6E8E8
CED0D1
B5B9BA
9CA1A3
848A8C
6B7375
525B5E
394447
212C30
081519
071317
061114
060F12
050D0F
040B0D
03080A
020607
020405
010202
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