Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/57f4ab-67f5b3-78f6bb-89f7c4-9af8cc-abf9d5-bbfadd-ccfbe5-ddfcee-eefdf6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 57F4AB
RGB: 87,244,171
Hex: 67F5B3
RGB: 103,245,179
Hex: 78F6BB
RGB: 120,246,187
Hex: 89F7C4
RGB: 137,247,196
Hex: 9AF8CC
RGB: 154,248,204
Hex: ABF9D5
RGB: 171,249,213
Hex: BBFADD
RGB: 187,250,221
Hex: CCFBE5
RGB: 204,251,229
Hex: DDFCEE
RGB: 221,252,238
Hex: EEFDF6
RGB: 238,253,246
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
EEFEF7
DDFDEE
CDFCE6
BCFBDD
ABFAD5
9AF8CD
89F7C4
79F6BC
68F5B3
57F4AB
4EDC9A
46C389
3DAB78
349267
2C7A56
236244
1A4933
113122
091811
000000
FFFFFF
F0FEF7
E1FDF0
D1FCE8
C2FBE1
B3FAD9
A4F9D1
95F8CA
85F7C2
76F6BB
67F5B3
5DDDA1
52C48F
48AC7D
3E936B
347B5A
296248
1F4936
153124
0A1812
000000
FFFFFF
F2FEF8
E4FDF1
D7FCEB
C9FBE4
BCFBDD
AEFAD6
A1F9CF
93F8C9
86F7C2
78F6BB
6CDDA8
60C596
54AC83
489470
3C7B5E
30624B
244A38
183125
0C1913
000000
FFFFFF
F3FEF9
E7FDF3
DCFDED
D0FCE7
C4FBE2
B8FADC
ACF9D6
A1F9D0
95F8CA
89F7C4
7BDEB0
6EC69D
60AD89
529476
457C62
37634E
294A3B
1B3127
0E1914
000000
FFFFFF
F5FEFA
EBFEF5
E1FDF0
D7FCEB
CDFCE6
C2FBE0
B8FADB
AEF9D6
A4F9D1
9AF8CC
8BDFB8
7BC6A3
6CAE8F
5C957A
4D7C66
3E6352
2E4A3D
1F3229
0F1914
000000
FFFFFF
F7FEFB
EEFEF7
E6FDF2
DDFDEE
D5FCEA
CDFBE6
C4FBE2
BCFADD
B3FAD9
ABF9D5
9AE0C0
89C7AA
78AE95
679580
567D6B
446455
334B40
22322B
111915
000000
FFFFFF
F8FFFC
F1FEF8
EBFEF5
E4FDF1
DDFDEE
D6FCEB
CFFCE7
C9FBE4
C2FBE0
BBFADD
A8E1C7
96C8B1
83AF9B
709685
5E7D6F
4B6458
384B42
25322C
131916
000000
FFFFFF
FAFFFC
F5FEFA
F0FEF7
EBFDF5
E6FDF2
E0FDEF
DBFCED
D6FCEA
D1FBE8
CCFBE5
B8E2CE
A3C9B7
8FB0A0
7A9789
667E73
52645C
3D4B45
29322E
141917
000000
FFFFFF
FCFFFD
F8FEFC
F5FEFA
F1FEF8
EEFEF7
EBFDF5
E7FDF3
E4FDF1
E0FCF0
DDFCEE
C7E3D6
B1CABE
9BB0A7
85978F
6F7E77
58655F
424C47
2C3230
161918
000000
FFFFFF
FDFFFE
FCFFFD
FAFEFC
F8FEFB
F7FEFB
F5FEFA
F3FEF9
F1FDF8
F0FDF7
EEFDF6
D6E4DD
BECAC5
A7B1AC
8F9894
777F7B
5F6562
474C4A
303331
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