Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/20f455-36f566-4cf677-62f788-79f899-8ff9aa-a5fabb-bcfbcc-d2fcdd-e8fdee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 20F455
RGB: 32,244,85
Hex: 36F566
RGB: 54,245,102
Hex: 4CF677
RGB: 76,246,119
Hex: 62F788
RGB: 98,247,136
Hex: 79F899
RGB: 121,248,153
Hex: 8FF9AA
RGB: 143,249,170
Hex: A5FABB
RGB: 165,250,187
Hex: BCFBCC
RGB: 188,251,204
Hex: D2FCDD
RGB: 210,252,221
Hex: E8FDEE
RGB: 232,253,238
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
E9FEEE
D2FDDD
BCFCCC
A6FBBB
90FAAA
79F899
63F788
4DF677
36F566
20F455
1DDC4D
1AC344
16AB3B
139233
107A2B
0D6222
0A4919
063111
031808
000000
FFFFFF
EBFEF0
D7FDE0
C3FCD1
AFFBC2
9BFAB3
86F9A3
72F894
5EF785
4AF675
36F566
31DD5C
2BC452
26AC47
20933D
1B7B33
166229
10491F
0B3114
05180A
000000
FFFFFF
EDFEF1
DBFDE4
C9FCD6
B7FBC9
A6FBBB
94FAAD
82F9A0
70F892
5EF785
4CF677
44DD6B
3DC55F
35AC53
2E9447
267B3C
1E6230
174A24
0F3118
08190C
000000
FFFFFF
EFFEF3
E0FDE7
D0FDDB
C0FCCF
B1FBC4
A1FAB8
91F9AC
81F9A0
72F894
62F788
58DE7A
4EC66D
45AD5F
3B9452
317C44
276336
1D4A29
14311B
0A190E
000000
FFFFFF
F2FEF5
E4FEEB
D7FDE0
C9FCD6
BCFCCC
AFFBC2
A1FAB8
94F9AD
86F9A3
79F899
6DDF8A
61C67A
55AE6B
49955C
3D7C4D
30633D
244A2E
18321F
0C190F
000000
FFFFFF
F4FEF7
E9FEEE
DDFDE6
D2FDDD
C7FCD5
BCFBCC
B1FBC4
A5FABB
9AFAB3
8FF9AA
81E099
72C788
64AE77
569566
487D55
396444
2B4B33
1D3222
0E1911
000000
FFFFFF
F6FFF8
EDFEF1
E4FEEB
DBFDE4
D2FDDD
C9FCD6
C0FCCF
B7FBC9
AEFBC2
A5FABB
95E1A8
84C896
73AF83
639670
537D5E
42644B
314B38
213225
101913
000000
FFFFFF
F8FFFA
F2FEF5
EBFEF0
E4FDEB
DEFDE6
D7FDE0
D0FCDB
C9FCD6
C3FBD1
BCFBCC
A9E2B8
96C9A3
84B08F
71977A
5E7E66
4B6452
384B3D
263229
131914
000000
FFFFFF
FBFFFC
F6FEF8
F2FEF5
EDFEF1
E9FEEE
E4FDEB
E0FDE7
DBFDE4
D7FCE0
D2FCDD
BDE3C7
A8CAB1
93B09B
7E9785
697E6F
546558
3F4C42
2A322C
151916
000000
FFFFFF
FDFFFD
FAFFFC
F8FEFA
F6FEF8
F4FEF7
F1FEF5
EFFEF3
EDFDF1
EAFDF0
E8FDEE
D1E4D6
BACABE
A2B1A7
8B988F
747F77
5D655F
464C47
2E3330
171918
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