Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4caae2-4499cb-3c88b4-35779e-2d6687-265571-1e435a-163343-0f222d-071116-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4CAAE2
RGB: 76,170,226
Hex: 4499CB
RGB: 68,153,203
Hex: 3C88B4
RGB: 60,136,180
Hex: 35779E
RGB: 53,119,158
Hex: 2D6687
RGB: 45,102,135
Hex: 265571
RGB: 38,85,113
Hex: 1E435A
RGB: 30,67,90
Hex: 163343
RGB: 22,51,67
Hex: 0F222D
RGB: 15,34,45
Hex: 071116
RGB: 7,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
EDF7FC
DBEEF9
C9E6F6
B7DDF3
A6D5F1
94CCEE
82C4EB
70BBE8
5EB3E5
4CAAE2
4499CB
3D88B5
35779E
2E6688
265571
1E445A
173344
0F222D
081117
000000
FFFFFF
ECF5FA
DAEBF5
C7E0EF
B4D6EA
A2CCE5
8FC2E0
7CB8DB
69ADD5
57A3D0
4499CB
3D8AB7
367AA2
306B8E
295C7A
224D66
1B3D51
142E3D
0E1F29
070F14
000000
FFFFFF
ECF3F8
D8E7F0
C5DBE9
B1CFE1
9EC4DA
8AB8D2
77ACCB
63A0C3
5094BC
3C88B4
367AA2
306D90
2A5F7E
24526C
1E445A
183648
122936
0C1B24
060E12
000000
FFFFFF
EBF1F5
D7E4EC
C2D6E2
AEC9D8
9ABBCF
86ADC5
72A0BB
5D92B1
4985A8
35779E
306B8E
2A5F7E
25536F
20475F
1B3C4F
15303F
10242F
0B1820
050C10
000000
FFFFFF
EAF0F3
D5E0E7
C0D1DB
ABC2CF
96B3C3
81A3B7
6C94AB
57859F
427593
2D6687
295C7A
24526C
1F475F
1B3D51
173344
122936
0D1F28
09141B
040A0D
000000
FFFFFF
E9EEF1
D4DDE3
BECCD4
A8BBC6
93AAB8
7D99AA
67889C
51778D
3C667F
265571
224D66
1E445A
1B3B4F
173344
132B39
0F222D
0B1922
081117
04080B
000000
FFFFFF
E9ECEF
D2D9DE
BCC7CE
A5B4BD
8FA1AD
788E9C
627B8C
4B697B
35566B
1E435A
1B3C51
183648
152F3F
122836
0F222D
0C1B24
09141B
060D12
030709
000000
FFFFFF
E8EBEC
D0D6D9
B9C2C7
A2ADB4
8B99A1
73858E
5C707B
455C69
2D4756
163343
142E3C
122936
0F242F
0D1F28
0B1A22
09141B
070F14
040A0D
020507
000000
FFFFFF
E7E9EA
CFD3D5
B7BDC0
9FA7AB
879196
6F7A81
57646C
3F4E57
273842
0F222D
0E1F29
0C1B24
0B181F
09141B
081117
060E12
040A0D
030709
010304
000000
FFFFFF
E6E7E8
CDCFD0
B5B8B9
9CA0A2
83888B
6A7073
51585C
394145
20292D
071116
060F14
060E12
050C0F
040A0D
04090B
030709
020507
010304
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