Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/31d1ff-2cbce5-27a7cc-2292b2-1d7d99-18687f-135366-0e3e4c-092933-041419-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 31D1FF
RGB: 49,209,255
Hex: 2CBCE5
RGB: 44,188,229
Hex: 27A7CC
RGB: 39,167,204
Hex: 2292B2
RGB: 34,146,178
Hex: 1D7D99
RGB: 29,125,153
Hex: 18687F
RGB: 24,104,127
Hex: 135366
RGB: 19,83,102
Hex: 0E3E4C
RGB: 14,62,76
Hex: 092933
RGB: 9,41,51
Hex: 041419
RGB: 4,20,25
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
EAFAFF
D6F6FF
C1F1FF
ADEDFF
98E8FF
83E3FF
6FDFFF
5ADAFF
46D6FF
31D1FF
2CBCE6
27A7CC
2292B3
1D7D99
196980
145466
0F3F4C
0A2A33
051519
000000
FFFFFF
EAF8FC
D5F2FA
C0EBF7
ABE4F5
96DEF2
80D7EF
6BD0ED
56C9EA
41C3E8
2CBCE5
28A9CE
2396B7
1F84A0
1A7189
165E73
124B5C
0D3845
09262E
041317
000000
FFFFFF
E9F6FA
D4EDF5
BEE5F0
A9DCEB
93D3E6
7DCAE0
68C1DB
52B9D6
3DB0D1
27A7CC
2396B8
1F86A3
1B758F
17647A
145466
104352
0C323D
082129
041114
000000
FFFFFF
E9F4F7
D3E9F0
BDDEE8
A7D3E0
91C9D9
7ABED1
64B3C9
4EA8C1
389DBA
2292B2
1F83A0
1B758E
18667D
14586B
114959
0E3A47
0A2C35
071D24
030F12
000000
FFFFFF
E8F2F5
D2E5EB
BBD8E0
A5CBD6
8EBECC
77B1C2
61A4B8
4A97AD
348AA3
1D7D99
1A718A
17647A
14586B
114B5C
0F3F4D
0C323D
09252E
06191F
030C0F
000000
FFFFFF
E8F0F2
D1E1E5
BAD2D9
A3C3CC
8CB4BF
74A4B2
5D95A5
468699
2F778C
18687F
165E72
135366
114959
0E3E4C
0C3440
0A2A33
071F26
051519
020A0D
000000
FFFFFF
E7EEF0
D0DDE0
B8CBD1
A1BAC2
89A9B3
7198A3
5A8794
427585
2B6475
135366
114B5C
0F4252
0D3A47
0B323D
0A2A33
082129
06191F
041114
02080A
000000
FFFFFF
E7ECED
CFD8DB
B7C5C9
9FB2B7
879FA6
6E8B94
567882
3E6570
26515E
0E3E4C
0D3844
0B323D
0A2B35
08252E
071F26
06191E
041317
030C0F
010608
000000
FFFFFF
E6EAEB
CED4D6
B5BFC2
9DA9AD
849499
6B7F85
536970
3A545C
223E47
092933
08252E
072129
061D24
05191F
05151A
041014
030C0F
02080A
010405
000000
FFFFFF
E6E8E8
CDD0D1
B4B9BA
9BA1A3
828A8C
687275
4F5B5E
364347
1D2C30
041419
041217
031014
030E12
020C0F
020A0D
02080A
010607
010405
000202
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