Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/677f46-5c723f-526538-485831-3d4c2a-333f23-29321c-1e2615-14190e-0a0c07-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 677F46
RGB: 103,127,70
Hex: 5C723F
RGB: 92,114,63
Hex: 526538
RGB: 82,101,56
Hex: 485831
RGB: 72,88,49
Hex: 3D4C2A
RGB: 61,76,42
Hex: 333F23
RGB: 51,63,35
Hex: 29321C
RGB: 41,50,28
Hex: 1E2615
RGB: 30,38,21
Hex: 14190E
RGB: 20,25,14
Hex: 0A0C07
RGB: 10,12,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
F0F2ED
E1E5DA
D1D9C8
C2CCB5
B3BFA3
A4B290
95A57E
85996B
768C59
677F46
5D723F
526638
485931
3E4C2A
344023
29331C
1F2615
15190E
0A0D07
000000
FFFFFF
EFF1EC
DEE3D9
CED5C5
BEC7B2
AEB99F
9DAA8C
8D9C79
7D8E65
6C8052
5C723F
536739
4A5B32
40502C
374426
2E3920
252E19
1C2213
12170D
090B06
000000
FFFFFF
EEF0EB
DCE0D7
CBD1C3
BAC1AF
A9B29C
97A388
869374
758460
63744C
526538
4A5B32
42512D
394727
313D22
29331C
212816
191E11
10140B
080A06
000000
FFFFFF
EDEEEA
DADED6
C8CDC1
B6BCAD
A4AC98
919B83
7F8A6F
6D795A
5A6946
485831
414F2C
3A4627
323E22
2B351D
242C19
1D2314
161A0F
0E120A
070905
000000
FFFFFF
ECEDEA
D8DBD4
C5C9BF
B1B7AA
9EA695
8B947F
77826A
647055
505E3F
3D4C2A
374426
313D22
2B351D
252E19
1F2615
181E11
12170D
0C0F08
060804
000000
FFFFFF
EBECE9
D6D9D3
C2C5BD
ADB2A7
999F91
858C7B
707965
5C654F
475239
333F23
2E3920
29321C
242C19
1F2615
1A2012
14190E
0F130A
0A0D07
050603
000000
FFFFFF
EAEBE8
D4D6D2
BFC2BB
A9ADA4
94998E
7F8477
697060
545B49
3E4733
29321C
252D19
212816
1D2314
191E11
15190E
10140B
0C0F08
080A06
040503
000000
FFFFFF
E9E9E8
D2D4D0
BCBEB9
A5A8A1
8F938A
787D73
62675B
4B5144
353C2C
1E2615
1B2213
181E11
151B0F
12170D
0F130B
0C0F08
090B06
060804
030402
000000
FFFFFF
E8E8E7
D0D1CF
B9BAB7
A1A39F
8A8C87
72756E
5B5E56
43473E
2C3026
14190E
12170D
10140B
0E120A
0C0F08
0A0D07
080A06
060704
040503
020201
000000
FFFFFF
E7E7E6
CECECD
B6B6B5
9D9E9C
858683
6C6D6A
545551
3B3D39
232420
0A0C07
090B06
080A06
070805
060704
050604
040503
030402
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