Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/535f4e-646f5f-757f71-868f83-979f94-a9afa6-babfb8-cbcfc9-dcdfdb-edefed-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 535F4E
RGB: 83,95,78
Hex: 646F5F
RGB: 100,111,95
Hex: 757F71
RGB: 117,127,113
Hex: 868F83
RGB: 134,143,131
Hex: 979F94
RGB: 151,159,148
Hex: A9AFA6
RGB: 169,175,166
Hex: BABFB8
RGB: 186,191,184
Hex: CBCFC9
RGB: 203,207,201
Hex: DCDFDB
RGB: 220,223,219
Hex: EDEFED
RGB: 237,239,237
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
EEEFED
DDDFDC
CBCFCA
BABFB8
A9AFA7
989F95
878F83
757F71
646F60
535F4E
4B5646
424C3E
3A4337
32392F
2A3027
21261F
191C17
111310
080908
000000
FFFFFF
F0F1EF
E0E2DF
D1D4CF
C1C5BF
B2B7AF
A2A99F
939A8F
838C7F
747D6F
646F5F
5A6456
50594C
464E43
3C4339
323830
282C26
1E211C
141613
0A0B09
000000
FFFFFF
F1F2F1
E3E5E3
D6D9D4
C8CCC6
BABFB8
ACB2AA
9EA59C
91998D
838C7F
757F71
697266
5E665A
52594F
464C44
3B4039
2F332D
232622
171917
0C0D0B
000000
FFFFFF
F3F4F3
E7E9E6
DBDDDA
CFD2CD
C3C7C1
B6BCB5
AAB1A8
9EA59C
929A8F
868F83
798176
6B7269
5E645C
50564F
434842
363934
282B27
1B1D1A
0D0E0D
000000
FFFFFF
F5F5F4
EAECEA
E0E2DF
D5D9D4
CBCFCA
C1C5BF
B6BCB4
ACB2A9
A1A99F
979F94
888F85
797F76
6A6F68
5B5F59
4C504A
3C403B
2D302C
1E201E
0F100F
000000
FFFFFF
F6F7F6
EEEFED
E5E7E4
DDDFDB
D4D7D3
CBCFCA
C3C7C1
BABFB8
B2B7AF
A9AFA6
989E95
878C85
767A74
656964
555853
444642
333432
222321
111111
000000
FFFFFF
F8F9F8
F1F2F1
EAECEA
E3E5E3
DDDFDC
D6D9D4
CFD2CD
C8CCC6
C1C5BF
BABFB8
A7ACA6
959993
828681
70736E
5D605C
4A4C4A
383937
252625
131312
000000
FFFFFF
FAFAFA
F5F5F4
EFF1EF
EAECE9
E5E7E4
E0E2DF
DBDDD9
D5D9D4
D0D4CE
CBCFC9
B7BAB5
A2A6A1
8E918D
7A7C79
666865
515350
3D3E3C
292928
141514
000000
FFFFFF
FCFCFB
F8F9F8
F5F5F4
F1F2F1
EEEFED
EAECE9
E7E9E6
E3E5E2
E0E2DF
DCDFDB
C6C9C5
B0B2AF
9A9C99
848683
6E706E
585958
424342
2C2D2C
161616
000000
FFFFFF
FDFDFD
FBFCFB
FAFAFA
F8F9F8
F6F7F6
F4F5F4
F2F4F2
F1F2F1
EFF1EF
EDEFED
D5D7D5
BEBFBE
A6A7A6
8E8F8E
777877
5F605F
474847
2F302F
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