Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/70d4ff-7ed8ff-8cdcff-9ae0ff-a9e5ff-b7e9ff-c5edff-d4f2ff-e2f6ff-f0faff-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 70D4FF
RGB: 112,212,255
Hex: 7ED8FF
RGB: 126,216,255
Hex: 8CDCFF
RGB: 140,220,255
Hex: 9AE0FF
RGB: 154,224,255
Hex: A9E5FF
RGB: 169,229,255
Hex: B7E9FF
RGB: 183,233,255
Hex: C5EDFF
RGB: 197,237,255
Hex: D4F2FF
RGB: 212,242,255
Hex: E2F6FF
RGB: 226,246,255
Hex: F0FAFF
RGB: 240,250,255
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
F1FBFF
E2F6FF
D4F2FF
C6EEFF
B8EAFF
A9E5FF
9BE1FF
8DDDFF
7ED8FF
70D4FF
65BFE6
5AAACC
4E94B3
437F99
386A80
2D5566
22404C
162A33
0B1519
000000
FFFFFF
F2FBFF
E5F7FF
D8F3FF
CBEFFF
BFECFF
B2E8FF
A5E4FF
98E0FF
8BDCFF
7ED8FF
71C2E6
65ADCC
5897B3
4C8299
3F6C80
325666
26414C
192B33
0D1619
000000
FFFFFF
F4FCFF
E8F8FF
DDF5FF
D1F1FF
C6EEFF
BAEAFF
AFE7FF
A3E3FF
98E0FF
8CDCFF
7EC6E6
70B0CC
629AB3
548499
466E80
385866
2A424C
1C2C33
0E1619
000000
FFFFFF
F5FCFF
EBF9FF
E1F6FF
D7F3FF
CDF0FF
C2ECFF
B8E9FF
AEE6FF
A4E3FF
9AE0FF
8BCAE6
7BB3CC
6C9DB3
5C8699
4D7080
3E5A66
2E434C
1F2D33
0F1619
000000
FFFFFF
F6FCFF
EEFAFF
E5F7FF
DDF5FF
D4F2FF
CBEFFF
C3EDFF
BAEAFF
B2E8FF
A9E5FF
98CEE6
87B7CC
76A0B3
658999
557380
445C66
33454C
222E33
111719
000000
FFFFFF
F8FDFF
F1FBFF
E9F8FF
E2F6FF
DBF4FF
D4F2FF
CDF0FF
C5EDFF
BEEBFF
B7E9FF
A5D2E6
92BACC
80A3B3
6E8C99
5C7580
495D66
37464C
252F33
121719
000000
FFFFFF
F9FDFF
F3FBFF
EEFAFF
E8F8FF
E2F6FF
DCF4FF
D6F2FF
D1F1FF
CBEFFF
C5EDFF
B1D5E6
9EBECC
8AA6B3
768E99
637780
4F5F66
3B474C
272F33
141819
000000
FFFFFF
FBFEFF
F6FCFF
F2FBFF
EEFAFF
EAF9FF
E5F7FF
E1F6FF
DDF5FF
D8F3FF
D4F2FF
BFDAE6
AAC2CC
94A9B3
7F9199
6A7980
556166
40494C
2A3033
151819
000000
FFFFFF
FCFEFF
F9FDFF
F6FCFF
F3FBFF
F1FBFF
EEFAFF
EBF9FF
E8F8FF
E5F7FF
E2F6FF
CBDDE6
B5C5CC
9EACB3
889499
717B80
5A6266
444A4C
2D3133
171919
000000
FFFFFF
FEFFFF
FCFEFF
FBFEFF
F9FDFF
F8FDFF
F6FCFF
F5FCFF
F3FBFF
F2FBFF
F0FAFF
D8E1E6
C0C8CC
A8AFB3
909699
787D80
606466
484B4C
303233
181919
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