Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/31d1ff-45d5ff-5adaff-6edeff-83e3ff-98e8ff-acecff-c1f1ff-d5f5ff-eafaff-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 31D1FF
RGB: 49,209,255
Hex: 45D5FF
RGB: 69,213,255
Hex: 5ADAFF
RGB: 90,218,255
Hex: 6EDEFF
RGB: 110,222,255
Hex: 83E3FF
RGB: 131,227,255
Hex: 98E8FF
RGB: 152,232,255
Hex: ACECFF
RGB: 172,236,255
Hex: C1F1FF
RGB: 193,241,255
Hex: D5F5FF
RGB: 213,245,255
Hex: EAFAFF
RGB: 234,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
EAFAFF
D6F6FF
C1F1FF
ADEDFF
98E8FF
83E3FF
6FDFFF
5ADAFF
46D6FF
31D1FF
2CBCE6
27A7CC
2292B3
1D7D99
196980
145466
0F3F4C
0A2A33
051519
000000
FFFFFF
ECFBFF
DAF7FF
C7F2FF
B5EEFF
A2EAFF
8FE6FF
7DE2FF
6ADDFF
58D9FF
45D5FF
3EC0E6
37AACC
3095B3
298099
236B80
1C5566
15404C
0E2B33
071519
000000
FFFFFF
EFFBFF
DEF8FF
CEF4FF
BDF0FF
ADEDFF
9CE9FF
8CE5FF
7BE1FF
6BDEFF
5ADAFF
51C4E6
48AECC
3F99B3
368399
2D6D80
245766
1B414C
122C33
091619
000000
FFFFFF
F1FCFF
E2F8FF
D4F5FF
C5F2FF
B7EFFF
A8EBFF
9AE8FF
8BE5FF
7DE1FF
6EDEFF
63C8E6
58B2CC
4D9BB3
428599
376F80
2C5966
21434C
162C33
0B1619
000000
FFFFFF
F3FCFF
E6F9FF
DAF7FF
CDF4FF
C1F1FF
B5EEFF
A8EBFF
9CE9FF
8FE6FF
83E3FF
76CCE6
69B6CC
5C9FB3
4F8899
427280
345B66
27444C
1A2D33
0D1719
000000
FFFFFF
F5FDFF
EAFAFF
E0F8FF
D6F6FF
CCF4FF
C1F1FF
B7EFFF
ADEDFF
A2EAFF
98E8FF
89D1E6
7ABACC
6AA2B3
5B8B99
4C7480
3D5D66
2E464C
1E2E33
0F1719
000000
FFFFFF
F7FDFF
EEFBFF
E6F9FF
DEF7FF
D6F6FF
CDF4FF
C5F2FF
BDF0FF
B4EEFF
ACECFF
9BD4E6
8ABDCC
78A5B3
678E99
567680
455E66
34474C
222F33
111819
000000
FFFFFF
F9FEFF
F3FCFF
ECFBFF
E6F9FF
E0F8FF
DAF7FF
D4F5FF
CDF4FF
C7F2FF
C1F1FF
AED9E6
9AC1CC
87A9B3
749199
617980
4D6066
3A484C
273033
131819
000000
FFFFFF
FBFEFF
F7FDFF
F2FCFF
EEFBFF
EAFAFF
E6F9FF
E2F8FF
DDF7FF
D9F6FF
D5F5FF
C0DDE6
AAC4CC
95ACB3
809399
6B7B80
556266
40494C
2B3133
151819
000000
FFFFFF
FDFFFF
FBFEFF
F9FEFF
F7FDFF
F5FDFF
F2FCFF
F0FCFF
EEFBFF
ECFBFF
EAFAFF
D3E1E6
BBC8CC
A4AFB3
8C9699
757D80
5E6466
464B4C
2F3233
171919
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