Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4b98cc-4388b7-3c79a3-346a8e-2d5b7a-254c66-1e3c51-162d3d-0f1e28-070f14-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4B98CC
RGB: 75,152,204
Hex: 4388B7
RGB: 67,136,183
Hex: 3C79A3
RGB: 60,121,163
Hex: 346A8E
RGB: 52,106,142
Hex: 2D5B7A
RGB: 45,91,122
Hex: 254C66
RGB: 37,76,102
Hex: 1E3C51
RGB: 30,60,81
Hex: 162D3D
RGB: 22,45,61
Hex: 0F1E28
RGB: 15,30,40
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
DBEAF5
C9E0F0
B7D6EB
A5CCE6
93C1E0
81B7DB
6FADD6
5DA2D1
4B98CC
4489B8
3C7AA3
356A8F
2D5B7A
264C66
1E3D52
162E3D
0F1E29
070F14
000000
FFFFFF
ECF3F8
D9E7F1
C7DBE9
B4CFE2
A1C4DB
8EB8D4
7BACCD
69A0C5
5694BE
4388B7
3C7AA5
366D92
2F5F80
28526E
22445C
1B3649
142937
0D1B25
070E12
000000
FFFFFF
ECF2F6
D8E4ED
C5D7E3
B1C9DA
9EBCD1
8AAFC8
77A1BF
6394B5
5086AC
3C79A3
366D93
306182
2A5572
244962
1E3D52
183041
122431
0C1821
060C10
000000
FFFFFF
EBF0F4
D6E1E8
C2D2DD
AEC3D2
9AB5C7
85A6BB
7197B0
5D88A5
487999
346A8E
2F5F80
2A5572
244A63
1F4055
1A3547
152A39
10202B
0A151C
050B0E
000000
FFFFFF
EAEFF2
D5DEE4
C0CED7
ABBDCA
96ADBD
819DAF
6C8CA2
577C95
426B87
2D5B7A
29526E
244962
1F4055
1B3749
172E3D
122431
0D1B25
091218
04090C
000000
FFFFFF
E9EDF0
D3DBE0
BEC9D1
A8B7C2
92A6B3
7C94A3
668294
517085
3B5E75
254C66
21445C
1E3D52
1A3547
162E3D
132633
0F1E29
0B171F
070F14
04080A
000000
FFFFFF
E9ECEE
D2D8DC
BCC5CB
A5B1B9
8F9EA8
788A97
627785
4B6374
355062
1E3C51
1B3649
183041
152A39
122431
0F1E29
0C1820
091218
060C10
030608
000000
FFFFFF
E8EAEC
D0D5D8
B9C0C5
A2ABB1
8B969E
73818B
5C6C77
455764
2D4250
162D3D
142937
122431
0F1F2B
0D1B25
0B171F
091218
070D12
04090C
020406
000000
FFFFFF
E7E9EA
CFD2D4
B7BCBF
9FA5A9
878F94
6F787E
576269
3F4B53
27353E
0F1E28
0E1B24
0C1820
0B151C
091218
080F14
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