Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/57bed7-4eabc1-4598ac-3c8596-347281-2b5f6b-224b56-1a3940-11262b-081315-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 57BED7
RGB: 87,190,215
Hex: 4EABC1
RGB: 78,171,193
Hex: 4598AC
RGB: 69,152,172
Hex: 3C8596
RGB: 60,133,150
Hex: 347281
RGB: 52,114,129
Hex: 2B5F6B
RGB: 43,95,107
Hex: 224B56
RGB: 34,75,86
Hex: 1A3940
RGB: 26,57,64
Hex: 11262B
RGB: 17,38,43
Hex: 081315
RGB: 8,19,21
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
EEF9FB
DDF2F7
CDECF3
BCE5EF
ABDFEB
9AD8E7
89D2E3
79CBDF
68C5DB
57BED7
4EABC2
4698AC
3D8597
347281
2C5F6C
234C56
1A3940
11262B
091315
000000
FFFFFF
EDF7F9
DCEEF3
CAE6EC
B8DDE6
A7D5E0
95CDDA
83C4D4
71BCCD
60B3C7
4EABC1
469AAE
3E899A
377887
2F6774
275661
1F444D
17333A
102227
081113
000000
FFFFFF
ECF5F7
DAEAEE
C7E0E6
B5D6DE
A2CCD6
8FC1CD
7DB7C5
6AADBD
58A2B4
4598AC
3E899B
377A8A
306A78
295B67
234C56
1C3D45
152E34
0E1E22
070F11
000000
FFFFFF
ECF3F5
D8E7EA
C5DAE0
B1CED5
9EC2CB
8AB6C0
77AAB6
639DAB
5091A1
3C8596
367887
306A78
2A5D69
24505A
1E434B
18353C
12282D
0C1B1E
060D0F
000000
FFFFFF
EBF1F2
D6E3E6
C2D5D9
AEC7CD
9AB9C0
85AAB3
719CA7
5D8E9A
48808E
347281
2F6774
2A5B67
24505A
1F444D
1A3941
152E34
102227
0A171A
050B0D
000000
FFFFFF
EAEFF0
D5DFE1
BFCFD3
AABFC4
95AFB5
809FA6
6B8F97
557F89
406F7A
2B5F6B
275660
224C56
1E434B
1A3940
163036
11262B
0D1C20
091315
04090B
000000
FFFFFF
E9EDEE
D3DBDD
BDC9CC
A7B7BB
91A5AB
7A939A
648189
4E6F78
385D67
224B56
1F444D
1B3C45
18353C
142D34
11262B
0E1E22
0A161A
070F11
030709
000000
FFFFFF
E8EBEC
D1D7D9
BAC4C6
A3B0B3
8D9CA0
76888C
5F7479
486166
314D53
1A3940
17333A
152E33
12282D
102226
0D1D20
0A171A
081113
050B0D
030606
000000
FFFFFF
E7E9EA
CFD4D5
B8BEBF
A0A8AA
889395
707D80
58676B
415155
293C40
11262B
0F2227
0E1E22
0C1B1E
0A171A
091316
070F11
050B0D
030809
020404
000000
FFFFFF
E6E7E8
CED0D0
B5B8B9
9CA1A1
84898A
6B7173
525A5B
394244
212B2C
081315
071113
060F11
060D0F
050B0D
040A0B
030808
020606
020404
010202
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