Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/51bbe1-48a8ca-4095b4-38829d-307087-285d70-204a5a-183843-10252d-081216-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 51BBE1
RGB: 81,187,225
Hex: 48A8CA
RGB: 72,168,202
Hex: 4095B4
RGB: 64,149,180
Hex: 38829D
RGB: 56,130,157
Hex: 307087
RGB: 48,112,135
Hex: 285D70
RGB: 40,93,112
Hex: 204A5A
RGB: 32,74,90
Hex: 183843
RGB: 24,56,67
Hex: 10252D
RGB: 16,37,45
Hex: 081216
RGB: 8,18,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
EEF8FC
DCF1F9
CBEBF6
B9E4F3
A8DDF0
97D6ED
85CFEA
74C9E7
62C2E4
51BBE1
49A8CB
4196B4
39839E
317087
295E71
204B5A
183843
10252D
081316
000000
FFFFFF
EDF6FA
DAEEF4
C8E5EF
B6DCEA
A4D4E5
91CBDF
7FC2DA
6DB9D5
5AB1CF
48A8CA
4197B6
3A86A2
32768D
2B6579
245465
1D4351
16323D
0E2228
071114
000000
FFFFFF
ECF4F8
D9EAF0
C6DFE9
B3D5E1
A0CADA
8CBFD2
79B5CB
66AAC3
53A0BC
4095B4
3A86A2
337790
2D687E
26596C
204B5A
1A3C48
132D36
0D1E24
060F12
000000
FFFFFF
EBF3F5
D7E6EB
C3DAE2
AFCDD8
9CC1CE
88B4C4
74A8BA
609BB1
4C8FA7
38829D
32758D
2D687E
275B6E
224E5E
1C414F
16343F
11272F
0B1A1F
060D10
000000
FFFFFF
EAF1F3
D6E2E7
C1D4DB
ACC6CF
98B8C3
83A9B7
6E9BAB
598D9F
457E93
307087
2B657A
265A6C
224E5F
1D4351
183844
132D36
0E2228
0A161B
050B0D
000000
FFFFFF
EAEFF1
D4DFE2
BFCED4
A9BEC6
94AEB8
7E9EA9
698E9B
537D8D
3E6D7E
285D70
245465
204A5A
1C414E
183843
142F38
10252D
0C1C22
081316
04090B
000000
FFFFFF
E9EDEF
D2DBDE
BCC9CE
A6B7BD
90A5AD
79929C
63808C
4D6E7B
365C6B
204A5A
1D4351
1A3B48
16343F
132C36
10252D
0D1E24
0A161B
060F12
030709
000000
FFFFFF
E8EBEC
D1D7D9
BAC3C7
A3AFB4
8C9CA1
74888E
5D747B
466069
2F4C56
183843
16323C
132D36
11272F
0E2228
0C1C22
0A161B
071114
050B0D
020607
000000
FFFFFF
E7E9EA
CFD3D5
B7BEC0
9FA8AB
889296
707C81
58666C
405157
283B42
10252D
0E2129
0D1E24
0B1A1F
0A161B
081317
060F12
050B0D
030709
020404
000000
FFFFFF
E6E7E8
CED0D0
B5B8B9
9CA0A2
84898B
6B7173
52595C
394145
212A2D
081216
071014
060E12
060D0F
050B0D
04090B
030709
020507
020404
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