Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/507f70-487264-406559-38584e-304c43-283f38-20322c-182621-101916-080c0b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 507F70
RGB: 80,127,112
Hex: 487264
RGB: 72,114,100
Hex: 406559
RGB: 64,101,89
Hex: 38584E
RGB: 56,88,78
Hex: 304C43
RGB: 48,76,67
Hex: 283F38
RGB: 40,63,56
Hex: 20322C
RGB: 32,50,44
Hex: 182621
RGB: 24,38,33
Hex: 101916
RGB: 16,25,22
Hex: 080C0B
RGB: 8,12,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
EEF2F1
DCE5E2
CBD9D4
B9CCC6
A8BFB8
96B2A9
85A59B
73998D
628C7E
507F70
487265
40665A
38594E
304C43
284038
20332D
182622
101916
080D0B
000000
FFFFFF
EDF1F0
DAE3E0
C8D5D1
B6C7C1
A4B9B2
91AAA2
7F9C93
6D8E83
5A8074
487264
41675A
3A5B50
325046
2B443C
243932
1D2E28
16221E
0E1714
070B0A
000000
FFFFFF
ECF0EE
D9E0DE
C6D1CD
B3C1BD
A0B2AC
8CA39B
79938B
66847A
53746A
406559
3A5B50
335147
2D473E
263D35
20332D
1A2824
131E1B
0D1412
060A09
000000
FFFFFF
EBEEED
D7DEDC
C3CDCA
AFBCB8
9CACA7
889B95
748A83
607971
4C6960
38584E
324F46
2D463E
273E37
22352F
1C2C27
16231F
111A17
0B1210
060908
000000
FFFFFF
EAEDEC
D6DBD9
C1C9C7
ACB7B4
98A6A1
83948E
6E827B
597069
455E56
304C43
2B443C
263D36
22352F
1D2E28
182622
131E1B
0E1714
0A0F0D
050807
000000
FFFFFF
EAECEB
D4D9D7
BFC5C3
A9B2AF
949F9C
7E8C88
697974
536560
3E524C
283F38
243932
20322D
1C2C27
182622
14201C
101916
0C1311
080D0B
040606
000000
FFFFFF
E9EBEA
D2D6D5
BCC2C0
A6ADAB
909996
798480
63706B
4D5B56
364741
20322C
1D2D28
1A2823
16231F
131E1A
101916
0D1412
0A0F0D
060A09
030504
000000
FFFFFF
E8E9E9
D1D4D3
BABEBC
A3A8A6
8C9390
747D7A
5D6764
46514D
2F3C37
182621
16221E
131E1A
111B17
0E1714
0C1311
0A0F0D
070B0A
050807
020403
000000
FFFFFF
E7E8E8
CFD1D0
B7BAB9
9FA3A2
888C8B
707573
585E5C
404745
28302D
101916
0E1714
0D1412
0B120F
0A0F0D
080D0B
060A09
050707
030504
020202
000000
FFFFFF
E6E7E7
CECECE
B5B6B6
9C9E9D
848685
6B6D6D
525554
393D3C
212423
080C0B
070B0A
060A09
060808
050707
040606
030504
020403
020202
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