Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4997d0-4187bb-3a78a6-336991-2b5a7c-244b68-1d3c53-152d3e-0e1e29-070f14-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4997D0
RGB: 73,151,208
Hex: 4187BB
RGB: 65,135,187
Hex: 3A78A6
RGB: 58,120,166
Hex: 336991
RGB: 51,105,145
Hex: 2B5A7C
RGB: 43,90,124
Hex: 244B68
RGB: 36,75,104
Hex: 1D3C53
RGB: 29,60,83
Hex: 152D3E
RGB: 21,45,62
Hex: 0E1E29
RGB: 14,30,41
Hex: 070F14
RGB: 7,15,20
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
EDF5FA
DBEAF6
C8E0F1
B6D5EC
A4CBE8
92C1E3
80B6DE
6DACD9
5BA1D5
4997D0
4288BB
3A79A6
336A92
2C5B7D
254C68
1D3C53
162D3E
0F1E2A
070F15
000000
FFFFFF
ECF3F8
D9E7F1
C6DBEB
B3CFE4
A0C3DD
8DB7D6
7AABCF
679FC9
5493C2
4187BB
3B7AA8
346C96
2E5F83
275170
21445E
1A364B
132838
0D1B25
060D13
000000
FFFFFF
EBF2F6
D8E4ED
C4D7E4
B0C9DB
9DBCD3
89AECA
75A1C1
6193B8
4E86AF
3A78A6
346C95
2E6085
295474
234864
1D3C53
173042
112432
0C1821
060C11
000000
FFFFFF
EBF0F4
D6E1E9
C2D2DE
ADC3D3
99B4C8
85A5BD
7096B2
5C87A7
47789C
336991
2E5F83
295474
244A66
1F3F57
1A3549
142A3A
0F1F2B
0A151D
050A0E
000000
FFFFFF
EAEFF2
D5DEE5
BFCED8
AABDCB
95ADBE
809CB0
6B8CA3
557B96
406B89
2B5A7C
275170
224863
1E3F57
1A364A
162D3E
112432
0D1B25
091219
04090C
000000
FFFFFF
E9EDF0
D3DBE1
BDC9D2
A7B7C3
92A5B4
7C93A4
668195
506F86
3A5D77
244B68
20445E
1D3C53
193549
162D3E
122634
0E1E2A
0B161F
070F15
04070A
000000
FFFFFF
E8ECEE
D2D8DD
BBC5CB
A5B1BA
8E9EA9
778A98
617787
4A6375
345064
1D3C53
1A364B
173042
142A3A
112432
0F1E2A
0C1821
091219
060C11
030608
000000
FFFFFF
E8EAEC
D0D5D8
B9C0C5
A1ABB2
8A969F
73818B
5B6C78
445765
2C4251
152D3E
132938
112432
0F1F2B
0D1B25
0B171F
081219
060D13
04090C
020406
000000
FFFFFF
E7E9EA
CFD2D4
B7BCBF
9FA5A9
878F94
6E787F
566269
3E4B54
26353E
0E1E29
0D1B25
0B1821
0A151D
081219
070F15
060C10
04090C
030608
010304
000000
FFFFFF
E6E7E8
CDCFD0
B5B7B9
9C9FA1
83878A
6A6F72
51575B
393F43
20272C
070F14
060E12
060C10
050B0E
04090C
04080A
030608
020406
010304
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