Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1a96dc-31a0e0-48abe3-5fb6e6-76c0ea-8ccaee-a3d5f1-bae0f4-d1eaf8-e8f4fc-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1A96DC
RGB: 26,150,220
Hex: 31A0E0
RGB: 49,160,224
Hex: 48ABE3
RGB: 72,171,227
Hex: 5FB6E6
RGB: 95,182,230
Hex: 76C0EA
RGB: 118,192,234
Hex: 8CCAEE
RGB: 140,202,238
Hex: A3D5F1
RGB: 163,213,241
Hex: BAE0F4
RGB: 186,224,244
Hex: D1EAF8
RGB: 209,234,248
Hex: E8F4FC
RGB: 232,244,252
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E8F5FC
D1EAF8
BAE0F5
A3D5F1
8DCBEE
76C0EA
5FB6E7
48ABE3
31A1E0
1A96DC
1787C6
1578B0
12699A
105A84
0D4B6E
0A3C58
082D42
051E2C
030F16
000000
FFFFFF
EAF6FC
D6ECF9
C1E3F6
ADD9F3
98D0F0
83C6EC
6FBDE9
5AB3E6
46AAE3
31A0E0
2C90CA
2780B3
22709D
1D6086
195070
14405A
0F3043
0A202D
051016
000000
FFFFFF
EDF7FC
DAEEF9
C8E6F7
B6DDF4
A4D5F1
91CDEE
7FC4EB
6DBCE9
5AB3E6
48ABE3
419ACC
3A89B6
32789F
2B6788
245672
1D445B
163344
0E222D
071117
000000
FFFFFF
EFF8FD
DFF0FA
CFE9F8
BFE2F5
AFDBF3
9FD3F0
8FCCEE
7FC5EB
6FBDE9
5FB6E6
56A4CF
4C92B8
437FA1
396D8A
305B73
26495C
1C3745
13242E
091217
000000
FFFFFF
F1F9FD
E4F2FB
D6ECF9
C8E6F7
BBE0F5
ADD9F2
9FD3F0
91CDEE
84C6EC
76C0EA
6AADD3
5E9ABB
5386A4
47738C
3B6075
2F4D5E
233A46
18262F
0C1317
000000
FFFFFF
F4FAFD
E8F4FC
DDEFFA
D1EAF8
C6E5F7
BADFF5
AFDAF3
A3D5F1
98CFF0
8CCAEE
7EB6D6
70A2BE
628DA7
54798F
466577
38515F
2A3D47
1C2830
0E1418
000000
FFFFFF
F6FBFE
EDF7FC
E3F2FB
DAEEF9
D1EAF8
C8E6F7
BFE2F5
B5DDF4
ACD9F2
A3D5F1
93C0D9
82AAC1
7295A9
628091
526B79
415560
314048
212B30
101518
000000
FFFFFF
F8FCFE
F1F9FD
EAF6FC
E3F3FB
DDF0FA
D6ECF8
CFE9F7
C8E6F6
C1E3F5
BAE0F4
A7CADC
95B3C3
829DAB
708692
5D707A
4A5A62
384349
252D31
131618
000000
FFFFFF
FAFDFE
F6FBFE
F1F9FD
EDF7FC
E8F5FC
E3F2FB
DFF0FA
DAEEF9
D6ECF9
D1EAF8
BCD3DF
A7BBC6
92A4AE
7D8C95
69757C
545E63
3F464A
2A2F32
151719
000000
FFFFFF
FDFEFF
FAFDFE
F8FCFE
F6FBFE
F4FAFE
F1F8FD
EFF7FD
EDF6FD
EAF5FC
E8F4FC
D1DCE3
BAC3CA
A2ABB0
8B9297
747A7E
5D6265
46494C
2E3132
171819
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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