Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4e5b73-465167-3e485c-363f50-2e3645-272d39-1f242e-171b22-0f1217-07090b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4E5B73
RGB: 78,91,115
Hex: 465167
RGB: 70,81,103
Hex: 3E485C
RGB: 62,72,92
Hex: 363F50
RGB: 54,63,80
Hex: 2E3645
RGB: 46,54,69
Hex: 272D39
RGB: 39,45,57
Hex: 1F242E
RGB: 31,36,46
Hex: 171B22
RGB: 23,27,34
Hex: 0F1217
RGB: 15,18,23
Hex: 07090B
RGB: 7,9,11
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
EDEFF1
DCDEE3
CACED5
B8BDC7
A7ADB9
959DAB
838C9D
717C8F
606B81
4E5B73
465268
3E495C
374051
2F3745
272E3A
1F242E
171B22
101217
08090B
000000
FFFFFF
EDEEF0
DADCE1
C8CBD1
B5B9C2
A3A8B3
9097A4
7E8595
6B7485
596276
465167
3F495D
384152
313948
2A313E
232934
1C2029
15181F
0E1015
07080A
000000
FFFFFF
ECEDEF
D8DADE
C5C8CE
B2B6BE
9FA4AE
8B919D
787F8D
656D7D
515A6C
3E485C
384153
323A4A
2B3240
252B37
1F242E
191D25
13161C
0C0E12
060709
000000
FFFFFF
EBECEE
D7D9DC
C3C5CB
AFB2B9
9B9FA8
868C96
727985
5E6573
4A5262
363F50
313948
2B3240
262C38
202630
1B2028
161920
101318
0B0D10
050608
000000
FFFFFF
EAEBEC
D5D7DA
C0C3C7
ABAFB5
979BA2
82868F
6D727D
585E6A
434A58
2E3645
29313E
252B37
202630
1C2029
171B23
12161C
0E1015
090B0E
050507
000000
FFFFFF
E9EAEB
D4D5D7
BEC0C4
A9ABB0
93969C
7D8188
686C74
525761
3D424D
272D39
232933
1F242E
1B1F28
171B22
14171D
101217
0C0D11
08090B
040406
000000
FFFFFF
E9E9EA
D2D3D5
BCBDC0
A5A7AB
8F9297
797C82
62666D
4C5058
353A43
1F242E
1C2029
191D25
161920
13161C
101217
0C0E12
090B0E
060709
030405
000000
FFFFFF
E8E8E9
D1D1D3
B9BBBD
A2A4A7
8B8D91
74767A
5D5F64
45494E
2E3238
171B22
15181F
12161B
101318
0E1014
0C0E11
090B0E
07080A
050507
020303
000000
FFFFFF
E7E7E8
CFD0D1
B7B8B9
9FA0A2
87898B
6F7174
57595D
3F4145
272A2E
0F1217
0E1015
0C0E12
0B0D10
090B0E
08090C
060709
040507
030405
010202
000000
FFFFFF
E6E6E7
CDCECE
B5B5B6
9C9D9D
838485
6A6B6D
515354
393A3C
202223
07090B
06080A
060709
050608
040507
040506
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