Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/20f4ff-1cdbe5-19c3cc-16aab2-139299-107a7f-0c6166-09494c-063033-031819-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 20F4FF
RGB: 32,244,255
Hex: 1CDBE5
RGB: 28,219,229
Hex: 19C3CC
RGB: 25,195,204
Hex: 16AAB2
RGB: 22,170,178
Hex: 139299
RGB: 19,146,153
Hex: 107A7F
RGB: 16,122,127
Hex: 0C6166
RGB: 12,97,102
Hex: 09494C
RGB: 9,73,76
Hex: 063033
RGB: 6,48,51
Hex: 031819
RGB: 3,24,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
E9FEFF
D2FDFF
BCFCFF
A6FBFF
90FAFF
79F8FF
63F7FF
4DF6FF
36F5FF
20F4FF
1DDCE6
1AC3CC
16ABB3
139299
107A80
0D6266
0A494C
063133
031819
000000
FFFFFF
E8FBFC
D2F8FA
BBF4F7
A4F1F5
8EEDF2
77E9EF
60E6ED
49E2EA
33DFE8
1CDBE5
19C5CE
16AFB7
1499A0
118389
0E6E73
0B585C
084245
062C2E
031617
000000
FFFFFF
E8F9FA
D1F3F5
BAEDF0
A3E7EB
8CE1E6
75DBE0
5ED5DB
47CFD6
30C9D1
19C3CC
17B0B8
149CA3
12898F
0F757A
0D6266
0A4E52
073A3D
052729
021314
000000
FFFFFF
E8F7F7
D0EEF0
B9E6E8
A2DDE0
8BD5D9
73CCD1
5CC4C9
45BBC1
2DB3BA
16AAB2
1499A0
12888E
0F777D
0D666B
0B5559
094447
073335
042224
021112
000000
FFFFFF
E7F4F5
D0E9EB
B8DEE0
A1D3D6
89C9CC
71BEC2
5AB3B8
42A8AD
2B9DA3
139299
11838A
0F757A
0D666B
0B585C
0A494D
083A3D
062C2E
041D1F
020F0F
000000
FFFFFF
E7F2F2
CFE4E5
B7D7D9
9FCACC
88BDBF
70AFB2
58A2A5
409599
28878C
107A7F
0E6E72
0D6266
0B5559
0A494C
083D40
063133
052526
031819
020C0D
000000
FFFFFF
E7EFF0
CEDFE0
B6D0D1
9EC0C2
86B0B3
6DA0A3
559094
3D8185
247175
0C6166
0B575C
0A4E52
084447
073A3D
063133
052729
041D1F
021314
010A0A
000000
FFFFFF
E6EDED
CEDBDB
B5C8C9
9DB6B7
84A4A6
6B9294
538082
3A6D70
225B5E
09494C
084244
073A3D
063335
052C2E
052526
041D1E
031617
020F0F
010708
000000
FFFFFF
E6EAEB
CDD6D6
B4C1C2
9BACAD
839899
6A8385
516E70
38595C
1F4547
063033
052B2E
052629
042224
041D1F
03181A
021314
020E0F
010A0A
010505
000000
FFFFFF
E6E8E8
CDD1D1
B3BABA
9AA3A3
818C8C
687475
4F5D5E
354647
1C2F30
031819
031617
021314
021112
020E0F
020C0D
010A0A
010707
010505
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