Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/506a48-485f40-405439-384a32-303f2b-283524-202a1c-181f15-10150e-080a07-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 506A48
RGB: 80,106,72
Hex: 485F40
RGB: 72,95,64
Hex: 405439
RGB: 64,84,57
Hex: 384A32
RGB: 56,74,50
Hex: 303F2B
RGB: 48,63,43
Hex: 283524
RGB: 40,53,36
Hex: 202A1C
RGB: 32,42,28
Hex: 181F15
RGB: 24,31,21
Hex: 10150E
RGB: 16,21,14
Hex: 080A07
RGB: 8,10,7
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
EEF0ED
DCE1DA
CBD2C8
B9C3B6
A8B5A4
96A691
85977F
73886D
62795A
506A48
485F41
40553A
384A32
30402B
283524
202A1D
182016
10150E
080B07
000000
FFFFFF
EDEFEC
DADFD9
C8CFC6
B6BFB3
A4AFA0
919F8C
7F8F79
6D7F66
5A6F53
485F40
41563A
3A4C33
32432D
2B3926
243020
1D261A
161C13
0E130D
070906
000000
FFFFFF
ECEEEB
D9DDD7
C6CCC4
B3BBB0
A0AA9C
8C9888
798774
667661
53654D
405439
3A4C33
33432E
2D3B28
263222
202A1D
1A2217
131911
0D110B
060806
000000
FFFFFF
EBEDEB
D7DBD6
C3C9C2
AFB7AD
9CA599
889284
748070
606E5B
4C5C47
384A32
32432D
2D3B28
273423
222C1E
1C2519
161E14
11160F
0B0F0A
060705
000000
FFFFFF
EAECEA
D6D9D5
C1C5BF
ACB2AA
989F95
838C80
6E796B
596555
455240
303F2B
2B3927
263222
222C1E
1D261A
182016
131911
0E130D
0A0D09
050604
000000
FFFFFF
EAEBE9
D4D7D3
BFC2BD
A9AEA7
949A92
7E867C
697266
535D50
3E493A
283524
243020
202A1D
1C2519
182016
141B12
10150E
0C100B
080B07
040504
000000
FFFFFF
E9EAE8
D2D4D2
BCBFBB
A6AAA4
90958E
797F77
636A60
4D5549
363F33
202A1C
1D2619
1A2216
161D14
131911
10150E
0D110B
0A0D08
060806
030403
000000
FFFFFF
E8E9E8
D1D2D0
BABCB9
A3A5A1
8C8F8A
747973
5D625B
464C44
2F352C
181F15
161C13
131911
11160F
0E130D
0C100B
0A0C08
070906
050604
020302
000000
FFFFFF
E7E8E7
CFD0CF
B7B9B7
9FA19F
888A87
70736E
585B56
40443E
282C26
10150E
0E130D
0D110B
0B0F0A
0A0D08
080B07
060806
050604
030403
020201
000000
FFFFFF
E6E7E6
CECECD
B5B6B5
9C9D9C
848583
6B6C6A
525451
393B39
212320
080A07
070906
060806
060705
050604
040504
030403
020302
020201
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