Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5b6897-515d87-485378-3f4869-363e5a-2d344b-24293c-1b1f2d-12141e-090a0f-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5B6897
RGB: 91,104,151
Hex: 515D87
RGB: 81,93,135
Hex: 485378
RGB: 72,83,120
Hex: 3F4869
RGB: 63,72,105
Hex: 363E5A
RGB: 54,62,90
Hex: 2D344B
RGB: 45,52,75
Hex: 24293C
RGB: 36,41,60
Hex: 1B1F2D
RGB: 27,31,45
Hex: 12141E
RGB: 18,20,30
Hex: 090A0F
RGB: 9,10,15
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
EFF0F5
DEE1EA
CED2E0
BDC3D5
ADB4CB
9DA4C1
8C95B6
7C86AC
6B77A1
5B6897
525E88
495379
40496A
373E5B
2E344C
242A3C
1B1F2D
12151E
090A0F
000000
FFFFFF
EEEFF3
DCDFE7
CBCEDB
B9BECF
A8AEC3
979EB7
858EAB
747D9F
626D93
515D87
49547A
414A6C
39415F
313851
292F44
202536
181C28
10131B
08090D
000000
FFFFFF
EDEEF2
DADDE4
C8CBD7
B6BAC9
A4A9BC
9198AE
7F87A1
6D7593
5A6486
485378
414B6C
3A4260
323A54
2B3248
242A3C
1D2130
161924
0E1118
07080C
000000
FFFFFF
ECEDF0
D9DAE1
C5C8D2
B2B6C3
9FA4B4
8C91A5
797F96
656D87
525A78
3F4869
39415F
323A54
2C324A
262B3F
202435
191D2A
13161F
0D0E15
06070A
000000
FFFFFF
EBECEF
D7D8DE
C3C5CE
AFB2BD
9B9FAD
868B9C
72788C
5E657B
4A516B
363E5A
313851
2B3248
262B3F
202536
1B1F2D
161924
10131B
0B0C12
050609
000000
FFFFFF
EAEBED
D5D6DB
C0C2C9
ABAEB7
969AA5
818593
6C7181
575D6F
42485D
2D344B
292F44
242A3C
1F2435
1B1F2D
171A26
12151E
0D1016
090A0F
040507
000000
FFFFFF
E9EAEC
D3D4D8
BDBFC5
A7A9B1
92949E
7C7F8A
666977
505463
3A3E50
24293C
202536
1D2130
191D2A
161924
12151E
0E1018
0B0C12
07080C
040406
000000
FFFFFF
E8E9EA
D1D2D5
BBBCC0
A4A5AB
8D8F96
767981
5F626C
494C57
323542
1B1F2D
181C29
161924
13161F
10131B
0E1017
0B0C12
08090D
050609
030304
000000
FFFFFF
E7E8E9
D0D0D2
B8B9BC
A0A1A5
898A8F
717278
595B62
41434B
2A2C35
12141E
10121B
0E1018
0D0E15
0B0C12
090A0F
07080C
050609
040406
020203
000000
FFFFFF
E6E7E7
CECECF
B5B6B7
9D9D9F
848587
6B6C6F
535457
3A3B3F
222327
090A0F
08090E
07080C
06070B
050609
050508
040406
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