Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/50475c-483f52-403849-383140-302a37-28232e-201c24-18151b-100e12-080709-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 50475C
RGB: 80,71,92
Hex: 483F52
RGB: 72,63,82
Hex: 403849
RGB: 64,56,73
Hex: 383140
RGB: 56,49,64
Hex: 302A37
RGB: 48,42,55
Hex: 28232E
RGB: 40,35,46
Hex: 201C24
RGB: 32,28,36
Hex: 18151B
RGB: 24,21,27
Hex: 100E12
RGB: 16,14,18
Hex: 080709
RGB: 8,7,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
EEEDEF
DCDADE
CBC8CE
B9B5BE
A8A3AE
96919D
857E8D
736C7D
62596C
50475C
484053
40394A
383240
302B37
28242E
201C25
18151C
100E12
080709
000000
FFFFFF
EDECEE
DAD9DC
C8C5CB
B6B2BA
A49FA9
918C97
7F7986
6D6575
5A5263
483F52
41394A
3A3242
322C39
2B2631
242029
1D1921
161319
0E0D10
070608
000000
FFFFFF
ECEBED
D9D7DB
C6C3C8
B3AFB6
A09CA4
8C8892
797480
66606D
534C5B
403849
3A3242
332D3A
2D2733
26222C
201C25
1A161D
131116
0D0B0F
060607
000000
FFFFFF
EBEAEC
D7D6D9
C3C1C6
AFADB3
9C98A0
88838C
746F79
605A66
4C4653
383140
322C3A
2D2733
27222D
221D26
1C1920
16141A
110F13
0B0A0D
060506
000000
FFFFFF
EAEAEB
D6D4D7
C1BFC3
ACAAAF
98959B
837F87
6E6A73
59555F
453F4B
302A37
2B2632
26222C
221D27
1D1921
18151C
131116
0E0D10
0A080B
050405
000000
FFFFFF
EAE9EA
D4D3D5
BFBDC0
A9A7AB
949197
7E7B82
69656D
534F58
3E3943
28232E
242029
201C25
1C1920
18151C
141217
100E12
0C0A0E
080709
040305
000000
FFFFFF
E9E8E9
D2D2D3
BCBBBD
A6A4A7
908E92
79777C
636066
4D4950
36333A
201C24
1D1920
1A161D
161419
131116
100E12
0D0B0E
0A080B
060607
030304
000000
FFFFFF
E8E8E8
D1D0D1
BAB9BB
A3A1A4
8C8A8D
747376
5D5B5F
464449
2F2C32
18151B
161318
131116
110F13
0E0D10
0C0B0E
0A080B
070608
050405
020203
000000
FFFFFF
E7E7E7
CFCFD0
B7B7B8
9F9FA0
888789
706E71
585659
403E41
28262A
100E12
0E0D10
0D0B0E
0B0A0D
0A080B
080709
060607
050405
030304
020102
000000
FFFFFF
E6E6E6
CECDCE
B5B5B5
9C9C9D
848384
6B6A6B
525153
39393A
212022
080709
070608
060607
060506
050405
040405
030304
020203
020102
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