Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5d96b9-5387a6-4a7894-416981-375a6f-2e4b5c-253c49-1b2d37-121e25-090f12-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5D96B9
RGB: 93,150,185
Hex: 5387A6
RGB: 83,135,166
Hex: 4A7894
RGB: 74,120,148
Hex: 416981
RGB: 65,105,129
Hex: 375A6F
RGB: 55,90,111
Hex: 2E4B5C
RGB: 46,75,92
Hex: 253C49
RGB: 37,60,73
Hex: 1B2D37
RGB: 27,45,55
Hex: 121E25
RGB: 18,30,37
Hex: 090F12
RGB: 9,15,18
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
EFF5F8
DFEAF1
CEE0EA
BED5E3
AECBDC
9EC0D5
8EB6CE
7DABC7
6DA1C0
5D96B9
5487A7
4A7894
416982
385A6F
2F4B5D
253C4A
1C2D37
131E25
090F12
000000
FFFFFF
EEF3F6
DDE7ED
CBDBE4
BACFDB
A9C3D3
98B7CA
87ABC1
759FB8
6493AF
5387A6
4B7A95
426C85
3A5F74
325164
2A4453
213642
192832
111B21
080D11
000000
FFFFFF
EDF2F4
DBE4EA
C9D7DF
B7C9D4
A5BCCA
92AEBF
80A1B4
6E93A9
5C869F
4A7894
436C85
3B6076
345468
2C4859
253C4A
1E303B
16242C
0F181E
070C0F
000000
FFFFFF
ECF0F2
D9E1E6
C6D2D9
B3C3CD
A0B4C0
8DA5B3
7A96A7
67879A
54788E
416981
3B5F74
345467
2E4A5A
273F4D
213541
1A2A34
131F27
0D151A
060A0D
000000
FFFFFF
EBEFF1
D7DEE2
C3CED4
AFBDC5
9BADB7
879CA9
738C9A
5F7B8C
4B6B7D
375A6F
325164
2C4859
273F4E
213643
1C2D38
16242C
101B21
0B1216
05090B
000000
FFFFFF
EAEDEF
D5DBDE
C0C9CE
ABB7BE
97A5AE
82939D
6D818D
586F7D
435D6C
2E4B5C
294453
253C4A
203540
1C2D37
17262E
121E25
0E161C
090F12
050709
000000
FFFFFF
E9ECED
D3D8DB
BEC5C8
A8B1B6
929EA4
7C8A92
667780
51636D
3B505B
253C49
213642
1E303A
1A2A33
16242C
131E25
0F181D
0B1216
070C0F
040607
000000
FFFFFF
E8EAEB
D1D5D7
BBC0C3
A4ABAF
8D969B
768187
5F6C73
49575F
32424B
1B2D37
182932
16242C
131F27
101B21
0E171C
0B1216
080D10
05090B
030405
000000
FFFFFF
E7E9E9
D0D2D3
B8BCBE
A0A5A8
898F92
71787C
596266
414B51
2A353B
121E25
101B21
0E181E
0D151A
0B1216
090F13
070C0F
05090B
040607
020304
000000
FFFFFF
E6E7E7
CECFD0
B5B7B8
9D9FA0
848789
6B6F71
535759
3A3F41
22272A
090F12
080E10
070C0E
060B0D
05090B
050809
040607
030405
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