Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/57bed7-67c4db-78cbdf-89d1e3-9ad8e7-abdeeb-bbe5ef-ccebf3-ddf2f7-eef8fb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 57BED7
RGB: 87,190,215
Hex: 67C4DB
RGB: 103,196,219
Hex: 78CBDF
RGB: 120,203,223
Hex: 89D1E3
RGB: 137,209,227
Hex: 9AD8E7
RGB: 154,216,231
Hex: ABDEEB
RGB: 171,222,235
Hex: BBE5EF
RGB: 187,229,239
Hex: CCEBF3
RGB: 204,235,243
Hex: DDF2F7
RGB: 221,242,247
Hex: EEF8FB
RGB: 238,248,251
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
EEF9FB
DDF2F7
CDECF3
BCE5EF
ABDFEB
9AD8E7
89D2E3
79CBDF
68C5DB
57BED7
4EABC2
4698AC
3D8597
347281
2C5F6C
234C56
1A3940
11262B
091315
000000
FFFFFF
F0F9FB
E1F3F8
D1EDF4
C2E7F1
B3E2ED
A4DCE9
95D6E6
85D0E2
76CADF
67C4DB
5DB0C5
529DAF
488999
3E7683
34626E
294E58
1F3B42
15272C
0A1416
000000
FFFFFF
F2FAFC
E4F5F9
D7EFF5
C9EAF2
BCE5EF
AEE0EC
A1DBE9
93D5E5
86D0E2
78CBDF
6CB7C9
60A2B2
548E9C
487A86
3C6670
305159
243D43
18292D
0C1416
000000
FFFFFF
F3FAFC
E7F6F9
DCF1F7
D0EDF4
C4E8F1
B8E3EE
ACDFEB
A1DAE9
95D6E6
89D1E3
7BBCCC
6EA7B6
60929F
527D88
456972
37545B
293F44
1B2A2D
0E1517
000000
FFFFFF
F5FBFD
EBF7FA
E1F3F8
D7EFF5
CDECF3
C2E8F1
B8E4EE
AEE0EC
A4DCE9
9AD8E7
8BC2D0
7BADB9
6C97A2
5C828B
4D6C74
3E565C
2E4145
1F2B2E
0F1617
000000
FFFFFF
F7FCFD
EEF8FB
E6F5F9
DDF2F7
D5EFF5
CDEBF3
C4E8F1
BCE5EF
B3E1ED
ABDEEB
9AC8D4
89B2BC
789BA5
67858D
566F76
44595E
334346
222C2F
111617
000000
FFFFFF
F8FCFD
F1FAFC
EBF7FA
E4F5F9
DDF2F7
D6EFF5
CFEDF4
C9EAF2
C2E8F1
BBE5EF
A8CED7
96B7BF
83A0A7
70898F
5E7378
4B5C60
384548
252E30
131718
000000
FFFFFF
FAFDFE
F5FBFD
F0F9FB
EBF7FA
E6F5F9
E0F3F8
DBF1F7
D6EFF5
D1EDF4
CCEBF3
B8D4DB
A3BCC2
8FA5AA
7A8D92
66767A
525E61
3D4649
292F31
141718
000000
FFFFFF
FCFEFE
F8FCFD
F5FBFD
F1FAFC
EEF9FB
EBF7FA
E7F6F9
E4F5F9
E0F3F8
DDF2F7
C7DADE
B1C2C6
9BA9AD
859194
6F797C
586163
42494A
2C3031
161819
000000
FFFFFF
FDFEFF
FCFEFE
FAFDFE
F8FCFD
F7FCFD
F5FBFD
F3FAFC
F1F9FC
F0F9FB
EEF8FB
D6DFE2
BEC6C9
A7AEB0
8F9597
777C7E
5F6364
474A4B
303232
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