Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/778a57-6b7c4e-5f6e46-53613d-475334-3c452c-303723-24291a-181c11-0c0e09-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 778A57
RGB: 119,138,87
Hex: 6B7C4E
RGB: 107,124,78
Hex: 5F6E46
RGB: 95,110,70
Hex: 53613D
RGB: 83,97,61
Hex: 475334
RGB: 71,83,52
Hex: 3C452C
RGB: 60,69,44
Hex: 303723
RGB: 48,55,35
Hex: 24291A
RGB: 36,41,26
Hex: 181C11
RGB: 24,28,17
Hex: 0C0E09
RGB: 12,14,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
F1F3EE
E4E8DD
D6DCCD
C9D0BC
BBC5AB
ADB99A
A0AD89
92A179
859668
778A57
6B7C4E
5F6E46
53613D
475334
3C452C
303723
24291A
181C11
0C0E09
000000
FFFFFF
F0F2ED
E1E5DC
D3D8CA
C4CBB8
B5BEA7
A6B095
97A383
899671
7A8960
6B7C4E
607046
56633E
4B5737
404A2F
363E27
2B321F
202517
151910
0B0C08
000000
FFFFFF
EFF1ED
DFE2DA
CFD4C8
BFC5B5
AFB7A3
9FA890
8F9A7E
7F8B6B
6F7D59
5F6E46
56633F
4C5838
434D31
39422A
303723
262C1C
1C2115
13160E
090B07
000000
FFFFFF
EEEFEC
DDDFD8
CBD0C5
BAC0B1
A9B09E
98A08B
879077
758164
647150
53613D
4B5737
424E31
3A442B
323A25
2A311F
212718
191D12
11130C
080A06
000000
FFFFFF
EDEEEB
DADDD6
C8CBC2
B5BAAE
A3A99A
919885
7E8771
6C755D
596448
475334
404B2F
39422A
323A24
2B321F
242A1A
1C2115
151910
0E110A
070805
000000
FFFFFF
ECECEA
D8DAD5
C5C7C0
B1B5AB
9EA296
8A8F80
777D6B
636A56
505841
3C452C
363E28
303723
2A301F
24291A
1E2316
181C12
12150D
0C0E09
060704
000000
FFFFFF
EAEBE9
D6D7D3
C1C3BD
ACAFA7
989B91
83877B
6E7365
595F4F
454B39
303723
2B3220
262C1C
222719
1D2115
181C12
13160E
0E100A
0A0B07
050503
000000
FFFFFF
E9EAE8
D3D4D1
BDBFBA
A7A9A3
92948D
7C7F76
66695F
505448
3A3E31
24291A
202517
1D2115
191D12
161910
12150D
0E100A
0B0C08
070805
040403
000000
FFFFFF
E8E8E7
D1D2CF
BABBB8
A3A4A0
8C8E88
747770
5D6058
464941
2F3329
181C11
16190F
13160E
11140C
0E110A
0C0E09
0A0B07
070805
050603
020302
000000
FFFFFF
E7E7E6
CECFCE
B6B7B5
9E9F9D
868784
6D6E6B
555653
3D3E3A
242622
0C0E09
0B0D08
0A0B07
080A06
070805
060705
050604
040403
020302
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