Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/51a9d9-4998c3-4187ae-397698-316582-28546c-204457-183341-10222b-081116-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 51A9D9
RGB: 81,169,217
Hex: 4998C3
RGB: 73,152,195
Hex: 4187AE
RGB: 65,135,174
Hex: 397698
RGB: 57,118,152
Hex: 316582
RGB: 49,101,130
Hex: 28546C
RGB: 40,84,108
Hex: 204457
RGB: 32,68,87
Hex: 183341
RGB: 24,51,65
Hex: 10222B
RGB: 16,34,43
Hex: 081116
RGB: 8,17,22
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
EEF6FB
DCEEF7
CBE5F4
B9DDF0
A8D4EC
97CBE8
85C3E4
74BAE1
62B2DD
51A9D9
4998C3
4187AE
397698
316582
29556D
204457
183341
10222B
081116
000000
FFFFFF
EDF5F9
DBEAF3
C8E0ED
B6D6E7
A4CCE1
92C1DB
80B7D5
6DADCF
5BA2C9
4998C3
4289B0
3A7A9C
336A89
2C5B75
254C62
1D3D4E
162E3A
0F1E27
070F13
000000
FFFFFF
ECF3F7
D9E7EF
C6DBE7
B3CFDF
A0C3D7
8DB7CE
7AABC6
679FBE
5493B6
4187AE
3B7A9D
346C8B
2E5F7A
275168
214457
1A3646
132834
0D1B23
060D11
000000
FFFFFF
EBF1F5
D7E4EA
C4D6E0
B0C8D6
9CBBCC
88ADC1
749FB7
6191AD
4D84A2
397698
336A89
2E5E7A
28536A
22475B
1D3B4C
172F3D
11232E
0B181E
060C0F
000000
FFFFFF
EAF0F3
D6E0E6
C1D1DA
ADC1CD
98B2C1
83A3B4
6F93A8
5A849B
46748F
316582
2C5B75
275168
22475B
1D3D4E
193341
142834
0F1E27
0A141A
050A0D
000000
FFFFFF
EAEEF0
D4DDE2
BFCCD3
A9BBC4
94AAB6
7E98A7
698798
537689
3E657B
28546C
244C61
204356
1C3B4C
183241
142A36
10222B
0C1920
081116
04080B
000000
FFFFFF
E9ECEE
D2DADD
BCC7CD
A6B4BC
90A2AB
798F9A
637C89
4D6979
365768
204457
1D3D4E
1A3646
16303D
132934
10222C
0D1B23
0A141A
060E11
030709
000000
FFFFFF
E8EBEC
D1D6D9
BAC2C6
A3ADB3
8C99A0
74858D
5D707A
465C67
2F4754
183341
162E3B
132934
11242E
0E1F27
0C1A21
0A141A
070F13
050A0D
020506
000000
FFFFFF
E7E9EA
CFD3D5
B7BDBF
9FA7AA
889195
707A80
58646B
404E55
283840
10222B
0E1F27
0D1B22
0B181E
0A141A
081116
060E11
050A0D
030709
020304
000000
FFFFFF
E6E7E8
CECFD0
B5B8B9
9CA0A2
84888B
6B7073
52585C
394145
21292D
081116
070F14
060E12
060C0F
050A0D
04090B
030709
020507
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