Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/567087-667e93-778c9f-889aab-99a9b7-aab7c3-bbc5cf-ccd4db-dde2e7-eef0f3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 567087
RGB: 86,112,135
Hex: 667E93
RGB: 102,126,147
Hex: 778C9F
RGB: 119,140,159
Hex: 889AAB
RGB: 136,154,171
Hex: 99A9B7
RGB: 153,169,183
Hex: AAB7C3
RGB: 170,183,195
Hex: BBC5CF
RGB: 187,197,207
Hex: CCD4DB
RGB: 204,212,219
Hex: DDE2E7
RGB: 221,226,231
Hex: EEF0F3
RGB: 238,240,243
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
EEF1F3
DDE2E7
CCD4DB
BBC6CF
ABB8C3
9AA9B7
899BAB
788D9F
677E93
567087
4D657A
455A6C
3C4E5F
344351
2B3844
222D36
1A2228
11161B
090B0D
000000
FFFFFF
F0F2F4
E0E5E9
D1D8DF
C2CBD4
B3BFC9
A3B2BE
94A5B3
8598A9
758B9E
667E93
5C7184
526576
475867
3D4C58
333F4A
29323B
1F262C
14191D
0A0D0F
000000
FFFFFF
F1F4F5
E4E8EC
D6DDE2
C9D1D9
BBC6CF
ADBAC5
A0AFBC
92A3B2
8598A9
778C9F
6B7E8F
5F707F
53626F
47545F
3C4650
303840
242A30
181C20
0C0E10
000000
FFFFFF
F3F5F7
E7EBEE
DBE1E6
CFD7DD
C4CDD5
B8C2CD
ACB8C4
A0AEBC
94A4B3
889AAB
7A8B9A
6D7B89
5F6C78
525C67
444D56
363E44
292E33
1B1F22
0E0F11
000000
FFFFFF
F5F6F8
EBEEF1
E0E5E9
D6DDE2
CCD4DB
C2CBD4
B8C3CD
ADBAC5
A3B2BE
99A9B7
8A98A5
7A8792
6B7680
5C656E
4D555C
3D4449
2E3337
1F2225
0F1112
000000
FFFFFF
F7F8F9
EEF1F3
E6E9ED
DDE2E7
D5DBE1
CCD4DB
C4CDD5
BBC5CF
B3BEC9
AAB7C3
99A5B0
88929C
778089
666E75
555C62
44494E
33373A
222527
111213
000000
FFFFFF
F8F9FA
F1F3F5
EBEEF1
E4E8EC
DDE2E7
D6DCE2
CFD6DD
C9D1D9
C2CBD4
BBC5CF
A8B1BA
969EA6
838A91
70767C
5E6368
4B4F53
383B3E
252729
131415
000000
FFFFFF
FAFBFB
F5F6F8
F0F2F4
EBEEF1
E6EAED
E0E5E9
DBE1E6
D6DDE2
D1D8DF
CCD4DB
B8BFC5
A3AAAF
8F9499
7A7F83
666A6E
525558
3D4042
292A2C
141516
000000
FFFFFF
FCFCFD
F8F9FA
F5F6F8
F1F3F5
EEF1F3
EBEEF1
E7EBEE
E4E8EC
E0E5E9
DDE2E7
C7CBD0
B1B5B9
9B9EA2
85888B
6F7174
585A5C
424445
2C2D2E
161717
000000
FFFFFF
FDFEFE
FCFCFD
FAFBFB
F8F9FA
F7F8F9
F5F6F8
F3F5F7
F1F3F5
F0F2F4
EEF0F3
D6D8DB
BEC0C2
A7A8AA
8F9092
77787A
5F6061
474849
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