Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/56829e-668ea7-779bb1-88a7bb-99b4c4-aac0ce-bbcdd8-ccd9e1-dde6eb-eef2f5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 56829E
RGB: 86,130,158
Hex: 668EA7
RGB: 102,142,167
Hex: 779BB1
RGB: 119,155,177
Hex: 88A7BB
RGB: 136,167,187
Hex: 99B4C4
RGB: 153,180,196
Hex: AAC0CE
RGB: 170,192,206
Hex: BBCDD8
RGB: 187,205,216
Hex: CCD9E1
RGB: 204,217,225
Hex: DDE6EB
RGB: 221,230,235
Hex: EEF2F5
RGB: 238,242,245
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
EEF3F5
DDE6EC
CCDAE2
BBCDD8
ABC1CF
9AB4C5
89A8BB
789BB1
678FA8
56829E
4D758E
45687E
3C5B6F
344E5F
2B414F
22343F
1A272F
111A20
090D10
000000
FFFFFF
F0F4F6
E0E8ED
D1DDE5
C2D2DC
B3C7D3
A3BBCA
94B0C1
85A5B9
7599B0
668EA7
5C8096
527286
476375
3D5564
334754
293943
1F2B32
141C21
0A0E11
000000
FFFFFF
F1F5F7
E4EBEF
D6E1E8
C9D7E0
BBCDD8
ADC3D0
A0B9C8
92AFC1
85A5B9
779BB1
6B8C9F
5F7C8E
536D7C
475D6A
3C4E59
303E47
242E35
181F23
0C0F12
000000
FFFFFF
F3F6F8
E7EDF1
DBE5EB
CFDCE4
C4D3DD
B8CAD6
ACC1CF
A0B9C9
94B0C2
88A7BB
7A96A8
6D8696
5F7583
526470
44545E
36434B
293238
1B2125
0E1113
000000
FFFFFF
F5F8F9
EBF0F3
E0E9ED
D6E1E7
CCDAE2
C2D2DC
B8CBD6
ADC3D0
A3BCCA
99B4C4
8AA2B0
7A909D
6B7E89
5C6C76
4D5A62
3D484E
2E363B
1F2427
0F1214
000000
FFFFFF
F7F9FA
EEF2F5
E6ECF0
DDE6EB
D5E0E7
CCD9E2
C4D3DD
BBCDD8
B3C6D3
AAC0CE
99ADB9
889AA5
778690
66737C
556067
444D52
333A3E
222629
111315
000000
FFFFFF
F8FAFB
F1F5F7
EBF0F3
E4EBEF
DDE6EC
D6E1E8
CFDCE4
C9D7E0
C2D2DC
BBCDD8
A8B9C2
96A4AD
839097
707B82
5E676C
4B5256
383D41
25292B
131416
000000
FFFFFF
FAFBFC
F5F7F9
F0F4F6
EBF0F3
E6ECF0
E0E8ED
DBE4EA
D6E1E7
D1DDE4
CCD9E1
B8C3CB
A3AEB4
8F989E
7A8287
666D71
52575A
3D4143
292B2D
141616
000000
FFFFFF
FCFDFD
F8FAFB
F5F8F9
F1F5F7
EEF3F5
EBF0F3
E7EEF1
E4EBEF
E0E9ED
DDE6EB
C7CFD4
B1B8BC
9BA1A5
858A8D
6F7376
585C5E
424546
2C2E2F
161717
000000
FFFFFF
FDFEFE
FCFCFD
FAFBFC
F8FAFB
F7F9FA
F5F7F9
F3F6F8
F1F5F7
F0F3F6
EEF2F5
D6DADD
BEC2C4
A7A9AC
8F9193
77797B
5F6162
474949
303031
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