Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4d5c61-455257-3d494d-354043-2e373a-262e30-1e2426-171b1d-0f1213-070909-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4D5C61
RGB: 77,92,97
Hex: 455257
RGB: 69,82,87
Hex: 3D494D
RGB: 61,73,77
Hex: 354043
RGB: 53,64,67
Hex: 2E373A
RGB: 46,55,58
Hex: 262E30
RGB: 38,46,48
Hex: 1E2426
RGB: 30,36,38
Hex: 171B1D
RGB: 23,27,29
Hex: 0F1213
RGB: 15,18,19
Hex: 070909
RGB: 7,9,9
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EDEFEF
DBDEDF
CACED0
B8BEC0
A6AEB0
949DA0
828D90
717D81
5F6C71
4D5C61
455357
3E4A4E
364044
2E373A
272E31
1F2527
171C1D
0F1213
08090A
000000
FFFFFF
ECEEEE
DADCDD
C7CBCD
B5BABC
A2A9AB
8F979A
7D8689
6A7579
586368
455257
3E4A4E
374246
30393D
293134
23292C
1C2123
15191A
0E1011
070809
000000
FFFFFF
ECEDED
D8DBDB
C5C8CA
B1B6B8
9EA4A6
8B9294
778082
646D71
505B5F
3D494D
374245
313A3E
2B3336
252C2E
1F2527
181D1F
121617
0C0F0F
060708
000000
FFFFFF
EBECEC
D7D9D9
C2C6C7
AEB3B4
9AA0A1
868C8E
72797B
5D6669
495356
354043
303A3C
2A3336
252D2F
202628
1B2022
151A1B
101314
0B0D0D
050607
000000
FFFFFF
EAEBEB
D5D7D8
C0C3C4
ABAFB0
979B9D
828789
6D7375
585F61
434B4E
2E373A
293234
252C2E
202729
1C2123
171C1D
121617
0E1011
090B0C
050506
000000
FFFFFF
E9EAEA
D4D5D6
BEC0C1
A8ABAC
939798
7D8283
676D6E
515859
3C4345
262E30
22292B
1E2526
1B2022
171C1D
131718
0F1213
0B0E0E
08090A
040505
000000
FFFFFF
E9E9E9
D2D3D4
BCBDBE
A5A7A8
8F9293
787C7D
626667
4B5051
353A3C
1E2426
1B2022
181D1E
15191B
121617
0F1213
0C0E0F
090B0B
060708
030404
000000
FFFFFF
E8E8E8
D1D1D2
B9BBBB
A2A4A5
8B8D8E
747677
5D5F61
45494A
2E3234
171B1D
15181A
121617
101314
0E1011
0C0E0F
090B0C
070809
050506
020303
000000
FFFFFF
E7E7E7
CFD0D0
B7B8B8
9FA0A1
878989
6F7171
57595A
3F4142
272A2B
0F1213
0E1011
0C0E0F
0B0D0D
090B0B
08090A
060708
040506
030404
010202
000000
FFFFFF
E6E6E6
CDCECE
B5B5B5
9C9D9D
838484
6A6B6B
515353
393A3A
202222
070909
060808
060707
050606
040505
040505
030404
020303
010202
010101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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