Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/53a9c4-4a98b0-42879c-3a7689-316575-295462-21434e-18323a-102127-081013-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 53A9C4
RGB: 83,169,196
Hex: 4A98B0
RGB: 74,152,176
Hex: 42879C
RGB: 66,135,156
Hex: 3A7689
RGB: 58,118,137
Hex: 316575
RGB: 49,101,117
Hex: 295462
RGB: 41,84,98
Hex: 21434E
RGB: 33,67,78
Hex: 18323A
RGB: 24,50,58
Hex: 102127
RGB: 16,33,39
Hex: 081013
RGB: 8,16,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
EEF6F9
DDEEF3
CBE5ED
BADDE7
A9D4E2
98CBDC
87C3D6
75BAD0
64B2CA
53A9C4
4B98B0
42879D
3A7689
326576
2A5562
21444E
19333B
112227
081114
000000
FFFFFF
EDF5F7
DBEAEF
C9E0E7
B7D6DF
A5CCD8
92C1D0
80B7C8
6EADC0
5CA2B8
4A98B0
43899E
3B7A8D
346A7B
2C5B6A
254C58
1E3D46
162E35
0F1E23
070F12
000000
FFFFFF
ECF3F5
D9E7EB
C6DBE1
B3CFD7
A1C3CE
8EB7C4
7BABBA
689FB0
5593A6
42879C
3B7A8C
356C7D
2E5F6D
28515E
21444E
1A363E
14282F
0D1B1F
070D10
000000
FFFFFF
EBF1F3
D8E4E7
C4D6DC
B0C8D0
9DBBC4
89ADB8
759FAC
6191A1
4E8495
3A7689
346A7B
2E5E6E
295360
234752
1D3B45
172F37
112329
0C181B
060C0E
000000
FFFFFF
EAF0F1
D6E0E3
C1D1D6
ADC1C8
98B2BA
83A3AC
6F939E
5A8491
467483
316575
2C5B69
27515E
224752
1D3D46
19333B
14282F
0F1E23
0A1417
050A0C
000000
FFFFFF
EAEEEF
D4DDE0
BFCCD0
A9BBC0
94AAB1
7F98A1
698791
547681
3E6572
295462
254C58
21434E
1D3B45
19323B
152A31
102227
0C191D
081114
04080A
000000
FFFFFF
E9ECED
D3D9DC
BCC7CA
A6B4B8
90A1A7
7A8E95
647B83
4D6971
375660
21434E
1E3C46
1A363E
172F37
14282F
112227
0D1B1F
0A1417
070D10
030708
000000
FFFFFF
E8EBEB
D1D6D8
BAC2C4
A3ADB0
8C999D
748489
5D7075
465B61
2F474E
18323A
162D34
13282E
112329
0E1E23
0C191D
0A1417
070F11
050A0C
020506
000000
FFFFFF
E7E9E9
CFD3D4
B7BCBE
9FA6A9
889093
707A7D
586468
404D52
28373D
102127
0E1E23
0D1A1F
0B171B
0A1417
081114
060D10
050A0C
030708
020304
000000
FFFFFF
E6E7E7
CECFD0
B5B7B8
9C9FA1
848889
6B7071
52585A
394042
21282B
081013
070E11
060D0F
060B0D
050A0B
04080A
030608
020506
020304
010202
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