Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5f6356-6f7266-7f8277-8f9188-9fa199-afb1aa-bfc0bb-cfd0cc-dfdfdd-efefee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5F6356
RGB: 95,99,86
Hex: 6F7266
RGB: 111,114,102
Hex: 7F8277
RGB: 127,130,119
Hex: 8F9188
RGB: 143,145,136
Hex: 9FA199
RGB: 159,161,153
Hex: AFB1AA
RGB: 175,177,170
Hex: BFC0BB
RGB: 191,192,187
Hex: CFD0CC
RGB: 207,208,204
Hex: DFDFDD
RGB: 223,223,221
Hex: EFEFEE
RGB: 239,239,238
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
EFEFEE
DFE0DD
CFD0CC
BFC1BB
AFB1AB
9FA19A
8F9289
7F8278
6F7367
5F6356
56594D
4C4F45
43453C
393B34
30322B
262822
1C1E1A
131411
090A09
000000
FFFFFF
F1F1F0
E2E3E0
D4D5D1
C5C7C2
B7B9B3
A9AAA3
9A9C94
8C8E85
7D8075
6F7266
64675C
595B52
4E5047
43443D
383933
2C2E29
21221F
161714
0B0B0A
000000
FFFFFF
F2F3F1
E5E6E4
D9DAD6
CCCDC9
BFC1BB
B2B4AD
A5A8A0
999B92
8C8F85
7F8277
72756B
66685F
595B53
4C4E47
40413C
333430
262724
191A18
0D0D0C
000000
FFFFFF
F4F4F3
E9E9E7
DDDEDB
D2D3CF
C7C8C4
BCBDB8
B1B2AC
A5A7A0
9A9C94
8F9188
81837A
72746D
64665F
565752
484944
393A36
2B2B29
1D1D1B
0E0E0E
000000
FFFFFF
F5F6F5
ECECEB
E2E3E0
D9D9D6
CFD0CC
C5C7C2
BCBDB8
B2B4AD
A9AAA3
9FA199
8F918A
7F817A
6F716B
5F615C
50514D
40403D
30302E
20201F
10100F
000000
FFFFFF
F7F7F7
EFEFEE
E7E8E6
DFE0DD
D7D8D5
CFD0CC
C7C8C4
BFC1BB
B7B9B3
AFB1AA
9E9F99
8C8E88
7A7C77
696A66
585955
464744
343533
232322
111211
000000
FFFFFF
F9F9F8
F2F2F1
ECECEB
E5E6E4
DFE0DD
D9D9D6
D2D3CF
CCCDC9
C5C6C2
BFC0BB
ACADA8
999A96
868683
737370
60605E
4C4D4B
393A38
262625
131313
000000
FFFFFF
FAFAFA
F5F6F5
F1F1F0
ECECEB
E7E8E6
E2E3E0
DDDEDB
D9D9D6
D4D5D1
CFD0CC
BABBB8
A6A6A3
91928F
7C7D7A
686866
535352
3E3E3D
292A29
151514
000000
FFFFFF
FCFCFC
F9F9F8
F5F5F5
F2F2F1
EFEFEE
ECECEB
E9E9E7
E5E5E4
E2E2E0
DFDFDD
C9C9C7
B2B2B1
9C9C9B
868685
70706F
595958
434342
2D2D2C
161616
000000
FFFFFF
FDFDFD
FCFCFC
FAFAFA
F9F9F8
F7F7F7
F5F5F5
F4F4F3
F2F2F1
F1F1F0
EFEFEE
D7D7D6
BFBFBE
A7A7A7
8F8F8F
787877
60605F
484847
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