Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5b767f-6b838b-7b9198-8c9fa5-9cacb2-adbabf-bdc8cb-cdd5d8-dee3e5-eef1f2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5B767F
RGB: 91,118,127
Hex: 6B838B
RGB: 107,131,139
Hex: 7B9198
RGB: 123,145,152
Hex: 8C9FA5
RGB: 140,159,165
Hex: 9CACB2
RGB: 156,172,178
Hex: ADBABF
RGB: 173,186,191
Hex: BDC8CB
RGB: 189,200,203
Hex: CDD5D8
RGB: 205,213,216
Hex: DEE3E5
RGB: 222,227,229
Hex: EEF1F2
RGB: 238,241,242
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
EFF1F2
DEE4E5
CED6D9
BDC8CC
ADBBBF
9DADB2
8C9FA5
7C9199
6B848C
5B767F
526A72
495E66
405359
37474C
2E3B40
242F33
1B2326
121819
090C0D
000000
FFFFFF
F0F3F3
E1E6E8
D3DADC
C4CDD1
B5C1C5
A6B5B9
97A8AE
899CA2
7A8F97
6B838B
60767D
56696F
4B5C61
404F53
364246
2B3438
20272A
151A1C
0B0D0E
000000
FFFFFF
F2F4F5
E5E9EA
D7DEE0
CAD3D6
BDC8CC
B0BDC1
A3B2B7
95A7AD
889CA2
7B9198
6F8389
62747A
56666A
4A575B
3E494C
313A3D
252B2E
191D1E
0C0E0F
000000
FFFFFF
F4F5F6
E8ECED
DDE2E4
D1D9DB
C6CFD2
BAC5C9
AFBCC0
A3B2B7
98A9AE
8C9FA5
7E8F95
707F84
626F73
545F63
465053
384042
2A3031
1C2021
0E1010
000000
FFFFFF
F5F7F7
EBEEF0
E1E6E8
D7DEE0
CED6D9
C4CDD1
BAC5C9
B0BDC1
A6B4BA
9CACB2
8C9BA0
7D8A8E
6D787D
5E676B
4E5659
3E4547
2F3435
1F2224
101112
000000
FFFFFF
F7F8F9
EFF1F2
E6EAEC
DEE3E5
D6DDDF
CED6D9
C6CFD2
BDC8CC
B5C1C5
ADBABF
9CA7AC
8A9599
798286
687073
575D60
454A4C
343839
232526
111313
000000
FFFFFF
F8FAFA
F2F4F5
EBEFEF
E5E9EA
DEE4E5
D7DEE0
D1D9DB
CAD3D5
C4CED0
BDC8CB
AAB4B7
97A0A2
848C8E
71787A
5F6466
4C5051
393C3D
262829
131414
000000
FFFFFF
FAFBFB
F5F7F7
F0F2F3
EBEEEF
E6EAEC
E1E6E8
DCE2E4
D7DDE0
D2D9DC
CDD5D8
B9C0C2
A4AAAD
909597
7B8082
676B6C
525556
3D4041
292B2B
141516
000000
FFFFFF
FCFCFC
F8F9FA
F5F7F7
F2F4F5
EFF1F2
EBEEEF
E8EBED
E5E9EA
E1E6E8
DEE3E5
C8CCCE
B2B6B7
9B9FA0
858889
6F7273
595B5C
434445
2C2D2E
161717
000000
FFFFFF
FDFEFE
FCFCFC
FAFBFB
F8F9FA
F7F8F9
F5F7F7
F3F5F6
F1F4F5
F0F2F3
EEF1F2
D6D9DA
BEC1C2
A7A9A9
8F9191
777979
5F6061
474849
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