Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5b91c0-5182ac-487499-3f6586-365773-2d4860-243a4c-1b2b39-121d26-090e13-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5B91C0
RGB: 91,145,192
Hex: 5182AC
RGB: 81,130,172
Hex: 487499
RGB: 72,116,153
Hex: 3F6586
RGB: 63,101,134
Hex: 365773
RGB: 54,87,115
Hex: 2D4860
RGB: 45,72,96
Hex: 243A4C
RGB: 36,58,76
Hex: 1B2B39
RGB: 27,43,57
Hex: 121D26
RGB: 18,29,38
Hex: 090E13
RGB: 9,14,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
EFF4F9
DEE9F2
CEDEEC
BDD3E6
ADC8E0
9DBDD9
8CB2D3
7CA7CD
6B9CC6
5B91C0
5283AD
49749A
406686
375773
2E4960
243A4D
1B2B3A
121D26
090E13
000000
FFFFFF
EEF3F7
DCE6EE
CBDAE6
B9CDDE
A8C1D6
97B4CD
85A8C5
749BBD
628FB4
5182AC
49759B
41688A
395B78
314E67
294156
203445
182734
101A22
080D11
000000
FFFFFF
EDF1F5
DAE3EB
C8D5E0
B6C7D6
A4BACC
91ACC2
7F9EB8
6D90AD
5A82A3
487499
41688A
3A5D7A
32516B
2B465C
243A4D
1D2E3D
16232E
0E171F
070C0F
000000
FFFFFF
ECF0F3
D9E0E7
C5D1DB
B2C1CF
9FB2C3
8CA3B6
7993AA
65849E
527492
3F6586
395B79
32516B
2C475E
263D50
203343
192836
131E28
0D141B
060A0D
000000
FFFFFF
EBEEF1
D7DDE3
C3CDD5
AFBCC7
9BABB9
869AAB
72899D
5E798F
4A6881
365773
314E68
2B465C
263D51
203445
1B2C3A
16232E
101A22
0B1117
05090B
000000
FFFFFF
EAEDEF
D5DADF
C0C8CF
ABB6BF
96A4B0
8191A0
6C7F90
576D80
425A70
2D4860
294156
243A4D
1F3243
1B2B3A
172430
121D26
0D161D
090E13
04070A
000000
FFFFFF
E9EBED
D3D8DB
BDC4C9
A7B0B7
929DA6
7C8994
667582
506170
3A4E5E
243A4C
203444
1D2E3D
192935
16232E
121D26
0E171E
0B1117
070C0F
040608
000000
FFFFFF
E8EAEB
D1D5D7
BBBFC4
A4AAB0
8D959C
768088
5F6B74
495561
32404D
1B2B39
182733
16222E
131E28
101A22
0E161D
0B1117
080D11
05090B
030406
000000
FFFFFF
E7E8E9
D0D2D4
B8BBBE
A0A5A8
898E93
71777D
596167
414A51
2A343C
121D26
101A22
0E171E
0D141B
0B1117
090F13
070C0F
05090B
040608
020304
000000
FFFFFF
E6E7E7
CECFD0
B5B7B8
9D9FA1
848789
6B6E71
53565A
3A3E42
22262B
090E13
080D11
070B0F
060A0D
05080B
05070A
040608
030406
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