Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/536967-647876-758785-869694-97a5a3-a9b4b3-bac3c2-cbd2d1-dce1e0-edf0ef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 536967
RGB: 83,105,103
Hex: 647876
RGB: 100,120,118
Hex: 758785
RGB: 117,135,133
Hex: 869694
RGB: 134,150,148
Hex: 97A5A3
RGB: 151,165,163
Hex: A9B4B3
RGB: 169,180,179
Hex: BAC3C2
RGB: 186,195,194
Hex: CBD2D1
RGB: 203,210,209
Hex: DCE1E0
RGB: 220,225,224
Hex: EDF0EF
RGB: 237,240,239
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
EEF0F0
DDE1E1
CBD2D1
BAC3C2
A9B4B3
98A5A4
879695
758785
647876
536967
4B5F5D
425452
3A4A48
323F3E
2A3534
212A29
191F1F
111515
080A0A
000000
FFFFFF
F0F2F1
E0E4E4
D1D7D6
C1C9C8
B2BCBB
A2AEAD
93A19F
839391
748684
647876
5A6C6A
50605E
465453
3C4847
323C3B
28302F
1E2423
141818
0A0C0C
000000
FFFFFF
F1F3F3
E3E7E7
D6DBDA
C8CFCE
BAC3C2
ACB7B6
9EABAA
919F9D
839391
758785
697A78
5E6C6A
525F5D
465150
3B4443
2F3635
232828
171B1B
0C0D0D
000000
FFFFFF
F3F5F4
E7EAEA
DBE0DF
CFD5D4
C3CBCA
B6C0BF
AAB6B4
9EABA9
92A19F
869694
798785
6B7876
5E6968
505A59
434B4A
363C3B
282D2C
1B1E1E
0D0F0F
000000
FFFFFF
F5F6F6
EAEDED
E0E4E3
D5DBDA
CBD2D1
C1C9C8
B6C0BF
ACB7B5
A1AEAC
97A5A3
889593
798482
6A7372
5B6362
4C5352
3C4241
2D3131
1E2121
0F1010
000000
FFFFFF
F6F8F7
EEF0F0
E5E9E8
DDE1E1
D4DAD9
CBD2D1
C3CBCA
BAC3C2
B2BCBB
A9B4B3
98A2A1
87908F
767E7D
656C6B
555A5A
444848
333636
222424
111212
000000
FFFFFF
F8F9F9
F1F3F3
EAEDED
E3E7E7
DDE1E1
D6DBDA
CFD5D4
C8CFCE
C1C9C8
BAC3C2
A7B0AF
959C9B
828988
707574
5D6261
4A4E4E
383A3A
252727
131313
000000
FFFFFF
FAFBFA
F5F6F6
EFF2F1
EAEDED
E5E9E8
E0E4E3
DBE0DF
D5DBDA
D0D7D6
CBD2D1
B7BDBC
A2A8A7
8E9392
7A7E7D
666969
515454
3D3F3F
292A2A
141515
000000
FFFFFF
FCFCFC
F8F9F9
F5F6F6
F1F3F3
EEF0F0
EAEDEC
E7EAE9
E3E7E6
E0E4E3
DCE1E0
C6CBCA
B0B4B3
9A9E9D
848786
6E7170
585A5A
424343
2C2D2D
161616
000000
FFFFFF
FDFEFD
FBFCFC
FAFBFA
F8F9F9
F6F8F7
F4F6F5
F2F5F4
F1F3F2
EFF2F1
EDF0EF
D5D8D7
BEC0BF
A6A8A7
8E908F
777878
5F6060
474848
2F3030
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