Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5b6587-515a79-48506c-3f465e-363c51-2d3243-242836-1b1e28-12141b-090a0d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5B6587
RGB: 91,101,135
Hex: 515A79
RGB: 81,90,121
Hex: 48506C
RGB: 72,80,108
Hex: 3F465E
RGB: 63,70,94
Hex: 363C51
RGB: 54,60,81
Hex: 2D3243
RGB: 45,50,67
Hex: 242836
RGB: 36,40,54
Hex: 1B1E28
RGB: 27,30,40
Hex: 12141B
RGB: 18,20,27
Hex: 090A0D
RGB: 9,10,13
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
EFF0F3
DEE0E7
CED1DB
BDC1CF
ADB2C3
9DA3B7
8C93AB
7C849F
6B7493
5B6587
525B7A
49516C
40475F
373D51
2E3344
242836
1B1E28
12141B
090A0D
000000
FFFFFF
EEEFF2
DCDEE4
CBCED7
B9BDC9
A8ADBC
979CAF
858CA1
747B94
626B86
515A79
49516D
414861
393F55
313649
292D3D
202430
181B24
101218
08090C
000000
FFFFFF
EDEEF0
DADCE2
C8CBD3
B6B9C4
A4A8B6
9196A7
7F8598
6D7389
5A627B
48506C
414861
3A4056
32384C
2B3041
242836
1D202B
161820
0E1016
07080B
000000
FFFFFF
ECEDEF
D9DADF
C5C8CF
B2B5BF
9FA3AF
8C909E
797E8E
656B7E
52596E
3F465E
393F55
32384B
2C3142
262A38
20232F
191C26
13151C
0D0E13
060709
000000
FFFFFF
EBECEE
D7D8DC
C3C5CB
AFB1B9
9B9EA8
868A97
727785
5E6374
4A5062
363C51
313649
2B3041
262A39
202431
1B1E29
161820
101218
0B0C10
050608
000000
FFFFFF
EAEBEC
D5D6D9
C0C2C7
ABADB4
9699A1
81848E
6C707B
575B69
424756
2D3243
292D3C
242836
1F232F
1B1E28
171922
12141B
0D0F14
090A0D
040507
000000
FFFFFF
E9EAEB
D3D4D7
BDBFC3
A7A9AF
92949B
7C7E86
666972
50535E
3A3E4A
242836
202431
1D202B
191C26
161820
12141B
0E1016
0B0C10
07080B
040405
000000
FFFFFF
E8E9EA
D1D2D4
BBBCBF
A4A5A9
8D8F94
76787E
5F6269
494B53
32353E
1B1E28
181B24
161820
13151C
101218
0E0F14
0B0C10
08090C
050608
030304
000000
FFFFFF
E7E8E8
D0D0D1
B8B9BB
A0A1A4
898A8D
717276
595B5F
414349
2A2C32
12141B
101218
0E1016
0D0E13
0B0C10
090A0E
07080B
050608
040405
020203
000000
FFFFFF
E6E7E7
CECECF
B5B6B6
9D9D9E
848586
6B6C6E
535456
3A3B3D
222325
090A0D
08090C
07080A
060709
050608
050507
040405
030304
020203
010101
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