Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/557e72-668a80-77978e-88a49c-99b1aa-aabeb8-bbcbc6-ccd8d4-dde5e2-eef2f0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 557E72
RGB: 85,126,114
Hex: 668A80
RGB: 102,138,128
Hex: 77978E
RGB: 119,151,142
Hex: 88A49C
RGB: 136,164,156
Hex: 99B1AA
RGB: 153,177,170
Hex: AABEB8
RGB: 170,190,184
Hex: BBCBC6
RGB: 187,203,198
Hex: CCD8D4
RGB: 204,216,212
Hex: DDE5E2
RGB: 221,229,226
Hex: EEF2F0
RGB: 238,242,240
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
EEF2F1
DDE5E3
CCD8D5
BBCBC7
AABFB9
99B2AA
88A59C
77988E
668B80
557E72
4D7167
44655B
3B5850
334C44
2B3F39
22322E
192622
111917
080D0B
000000
FFFFFF
F0F3F2
E0E8E6
D1DCD9
C2D0CC
B3C5C0
A3B9B3
94ADA6
85A199
75968D
668A80
5C7C73
526E66
47615A
3D534D
334540
293733
1F2926
141C1A
0A0E0D
000000
FFFFFF
F1F5F4
E4EAE8
D6E0DD
C9D5D2
BBCBC7
ADC1BB
A0B6B0
92ACA5
85A199
77978E
6B8880
5F7972
536A63
475B55
3C4C47
303C39
242D2B
181E1C
0C0F0E
000000
FFFFFF
F3F6F5
E7EDEB
DBE4E1
CFDBD7
C4D2CE
B8C8C4
ACBFBA
A0B6B0
94ADA6
88A49C
7A948C
6D837D
5F736D
52625E
44524E
36423E
29312F
1B211F
0E1010
000000
FFFFFF
F5F7F7
EBEFEE
E0E8E6
D6E0DD
CCD8D5
C2D0CC
B8C8C4
ADC1BB
A3B9B3
99B1AA
8A9F99
7A8E88
6B7C77
5C6A66
4D5955
3D4744
2E3533
1F2322
0F1211
000000
FFFFFF
F7F9F8
EEF2F1
E6ECEA
DDE5E3
D5DFDC
CCD8D4
C4D2CD
BBCBC6
B3C5BF
AABEB8
99ABA6
889893
778581
66726E
555F5C
444C4A
333937
222625
111312
000000
FFFFFF
F8FAF9
F1F5F4
EBEFEE
E4EAE8
DDE5E3
D6E0DD
CFDBD7
C9D5D1
C2D0CC
BBCBC6
A8B7B2
96A29E
838E8B
707A77
5E6663
4B514F
383D3B
252928
131414
000000
FFFFFF
FAFBFB
F5F7F6
F0F3F2
EBEFEE
E6ECEA
E0E8E5
DBE4E1
D6E0DD
D1DCD8
CCD8D4
B8C2BF
A3ADAA
8F9794
7A827F
666C6A
525655
3D4140
292B2A
141615
000000
FFFFFF
FCFCFC
F8FAF9
F5F7F6
F1F5F3
EEF2F1
EBEFEE
E7EDEB
E4EAE8
E0E8E5
DDE5E2
C7CECB
B1B7B5
9BA09E
858988
6F7371
585C5A
424544
2C2E2D
161717
000000
FFFFFF
FDFEFE
FCFCFC
FAFBFB
F8FAF9
F7F9F8
F5F7F6
F3F6F5
F1F5F3
F0F3F2
EEF2F0
D6DAD8
BEC2C0
A7A9A8
8F9190
777978
5F6160
474948
303030
181818
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