Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/505c31-48522c-404927-384022-30371d-282e18-202413-181b0e-101209-080904-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 505C31
RGB: 80,92,49
Hex: 48522C
RGB: 72,82,44
Hex: 404927
RGB: 64,73,39
Hex: 384022
RGB: 56,64,34
Hex: 30371D
RGB: 48,55,29
Hex: 282E18
RGB: 40,46,24
Hex: 202413
RGB: 32,36,19
Hex: 181B0E
RGB: 24,27,14
Hex: 101209
RGB: 16,18,9
Hex: 080904
RGB: 8,9,4
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
EEEFEA
DCDED6
CBCEC1
B9BEAD
A8AE98
969D83
858D6F
737D5A
626C46
505C31
48532C
404A27
384022
30371D
282E19
202514
181C0F
10120A
080905
000000
FFFFFF
EDEEEA
DADCD5
C8CBC0
B6BAAB
A4A996
919780
7F866B
6D7556
5A6341
48522C
414A28
3A4223
32391F
2B311A
242916
1D2112
16190D
0E1009
070804
000000
FFFFFF
ECEDE9
D9DBD4
C6C8BE
B3B6A9
A0A493
8C927D
798068
666D52
535B3D
404927
3A4223
333A1F
2D331B
262C17
202514
1A1D10
13160C
0D0F08
060704
000000
FFFFFF
EBECE9
D7D9D3
C3C6BD
AFB3A7
9CA091
888C7A
747964
60664E
4C5338
384022
323A1F
2D331B
272D18
222614
1C2011
161A0E
11130A
0B0D07
060603
000000
FFFFFF
EAEBE8
D6D7D2
C1C3BB
ACAFA5
989B8E
838777
6E7361
595F4A
454B34
30371D
2B321A
262C17
222714
1D2111
181C0F
13160C
0E1009
0A0B06
050503
000000
FFFFFF
EAEAE8
D4D5D1
BFC0BA
A9ABA3
94978C
7E8274
696D5D
535846
3E432F
282E18
242916
202513
1C2011
181C0E
14170C
10120A
0C0E07
080905
040502
000000
FFFFFF
E9E9E7
D2D3D0
BCBDB8
A6A7A1
909289
797C71
63665A
4D5042
363A2B
202413
1D2011
1A1D0F
16190D
13160B
10120A
0D0E08
0A0B06
060704
030402
000000
FFFFFF
E8E8E7
D1D1CF
BABBB7
A3A49F
8C8D87
74766E
5D5F56
46493E
2F3226
181B0E
16180D
13160B
11130A
0E1008
0C0E07
0A0B06
070804
050503
020301
000000
FFFFFF
E7E7E6
CFD0CE
B7B8B5
9FA09D
888984
70716B
585953
40413A
282A22
101209
0E1008
0D0E07
0B0D06
0A0B05
080905
060704
050503
030402
020201
000000
FFFFFF
E6E6E6
CECECD
B5B5B4
9C9D9B
848482
6B6B68
52534F
393A36
21221D
080904
070804
060703
060603
050502
040502
030402
020301
020201
010100
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