Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/313c35-454f49-5a635d-6e7671-838a85-989d9a-acb1ae-c1c4c2-d5d8d6-eaebea-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 313C35
RGB: 49,60,53
Hex: 454F49
RGB: 69,79,73
Hex: 5A635D
RGB: 90,99,93
Hex: 6E7671
RGB: 110,118,113
Hex: 838A85
RGB: 131,138,133
Hex: 989D9A
RGB: 152,157,154
Hex: ACB1AE
RGB: 172,177,174
Hex: C1C4C2
RGB: 193,196,194
Hex: D5D8D6
RGB: 213,216,214
Hex: EAEBEA
RGB: 234,235,234
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
EAECEB
D6D8D7
C1C5C2
ADB1AE
989E9A
838A86
6F7772
5A635D
465049
313C35
2C3630
27302A
222A25
1D2420
191E1B
141815
0F1210
0A0C0B
050605
000000
FFFFFF
ECEDED
DADCDB
C7CAC8
B5B9B6
A2A7A4
8F9592
7D8480
6A726D
58615B
454F49
3E4742
373F3A
303733
292F2C
232825
1C201D
151816
0E100F
070807
000000
FFFFFF
EFEFEF
DEE0DF
CED0CE
BDC1BE
ADB1AE
9CA19E
8C928E
7B827D
6B736D
5A635D
515954
484F4A
3F4541
363B38
2D322F
242825
1B1E1C
121413
090A09
000000
FFFFFF
F1F1F1
E2E4E3
D4D6D4
C5C8C6
B7BBB8
A8ADAA
9A9F9C
8B918D
7D847F
6E7671
636A66
585E5A
4D534F
424744
373B39
2C2F2D
212322
161817
0B0C0B
000000
FFFFFF
F3F3F3
E6E8E7
DADCDA
CDD0CE
C1C5C2
B5B9B6
A8ADAA
9CA19D
8F9691
838A85
767C78
696E6A
5C615D
4F5350
424543
343735
272928
1A1C1B
0D0E0D
000000
FFFFFF
F5F5F5
EAEBEB
E0E2E1
D6D8D7
CCCECD
C1C4C2
B7BAB8
ADB1AE
A2A7A4
989D9A
898D8B
7A7E7B
6A6E6C
5B5E5C
4C4F4D
3D3F3E
2E2F2E
1E1F1F
0F100F
000000
FFFFFF
F7F7F7
EEEFEF
E6E8E7
DEE0DF
D6D8D7
CDD0CE
C5C8C6
BDC1BE
B4B9B6
ACB1AE
9B9F9D
8A8E8B
787C7A
676A68
565957
454746
343534
222323
111211
000000
FFFFFF
F9F9F9
F3F3F3
ECEDED
E6E7E7
E0E2E1
DADCDA
D4D6D4
CDD0CE
C7CAC8
C1C4C2
AEB0AF
9A9D9B
878988
747674
616261
4D4E4E
3A3B3A
272727
131413
000000
FFFFFF
FBFBFB
F7F7F7
F2F3F3
EEEFEF
EAECEB
E6E8E6
E2E4E2
DDE0DE
D9DCDA
D5D8D6
C0C2C1
AAADAB
959796
808280
6B6C6B
555656
404140
2B2B2B
151615
000000
FFFFFF
FDFDFD
FBFBFB
F9F9F9
F7F7F7
F5F5F5
F2F3F2
F0F1F0
EEEFEE
ECEDEC
EAEBEA
D3D4D3
BBBCBB
A4A5A4
8C8D8C
757675
5E5E5E
464646
2F2F2F
171717
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