Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/509ab4-488aa2-407b90-386b7e-305c6c-284d5a-203d47-182e36-101e24-080f12-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 509AB4
RGB: 80,154,180
Hex: 488AA2
RGB: 72,138,162
Hex: 407B90
RGB: 64,123,144
Hex: 386B7E
RGB: 56,107,126
Hex: 305C6C
RGB: 48,92,108
Hex: 284D5A
RGB: 40,77,90
Hex: 203D47
RGB: 32,61,71
Hex: 182E36
RGB: 24,46,54
Hex: 101E24
RGB: 16,30,36
Hex: 080F12
RGB: 8,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
EEF5F8
DCEBF0
CBE1E9
B9D7E1
A8CDDA
96C2D2
85B8CB
73AEC3
62A4BC
509AB4
488BA2
407B90
386C7E
305C6C
284D5A
203E48
182E36
101F24
080F12
000000
FFFFFF
EDF3F6
DAE8EC
C8DCE3
B6D0DA
A4C5D1
91B9C7
7FADBE
6DA1B5
5A96AB
488AA2
417C92
3A6E82
326171
2B5361
244551
1D3741
162931
0E1C20
070E10
000000
FFFFFF
ECF2F4
D9E5E9
C6D7DE
B3CAD3
A0BDC8
8CB0BC
79A3B1
6695A6
53889B
407B90
3A6F82
336273
2D5665
264A56
203E48
1A313A
13252B
0D191D
060C0E
000000
FFFFFF
EBF0F2
D7E1E5
C3D3D8
AFC4CB
9CB5BF
88A6B2
7497A5
608998
4C7A8B
386B7E
326071
2D5665
274B58
22404C
1C363F
162B32
112026
0B1519
060B0D
000000
FFFFFF
EAEFF0
D6DEE2
C1CED3
ACBEC4
98AEB6
839DA7
6E8D98
597D89
456C7B
305C6C
2B5361
264A56
22404C
1D3741
182E36
13252B
0E1C20
0A1216
05090B
000000
FFFFFF
EAEDEF
D4DBDE
BFCACE
A9B8BD
94A6AD
7E949C
69828C
53717B
3E5F6B
284D5A
244551
203E48
1C363F
182E36
14272D
101F24
0C171B
080F12
040809
000000
FFFFFF
E9ECED
D2D8DA
BCC5C8
A6B1B5
909EA3
798B91
63777E
4D646C
365059
203D47
1D3740
1A3139
162B32
13252B
101F24
0D181C
0A1215
060C0E
030607
000000
FFFFFF
E8EAEB
D1D5D7
BAC0C3
A3ABAF
8C979B
748286
5D6D72
46585E
2F434A
182E36
162931
13252B
112026
0E1C20
0C171B
0A1216
070E10
05090B
020505
000000
FFFFFF
E7E9E9
CFD2D3
B7BCBD
9FA5A7
888F92
70787C
586266
404B50
28353A
101E24
0E1B20
0D181D
0B1519
0A1216
080F12
060C0E
05090B
030607
020304
000000
FFFFFF
E6E7E7
CECFD0
B5B7B8
9C9FA0
848789
6B6F71
525759
393F41
21272A
080F12
070E10
060C0E
060B0D
05090B
040809
030607
020405
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