Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c8e62-367f58-30714e-2a6344-24553a-1e4731-183827-122a1d-0c1c13-060e09-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C8E62
RGB: 60,142,98
Hex: 367F58
RGB: 54,127,88
Hex: 30714E
RGB: 48,113,78
Hex: 2A6344
RGB: 42,99,68
Hex: 24553A
RGB: 36,85,58
Hex: 1E4731
RGB: 30,71,49
Hex: 183827
RGB: 24,56,39
Hex: 122A1D
RGB: 18,42,29
Hex: 0C1C13
RGB: 12,28,19
Hex: 060E09
RGB: 6,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
ECF4EF
D8E8E0
C5DDD0
B1D2C0
9EC7B1
8ABBA1
77B091
63A581
509972
3C8E62
368058
30724E
2A6345
24553B
1E4731
183927
122B1D
0C1C14
060E0A
000000
FFFFFF
EBF2EE
D7E5DE
C3D9CD
AFCCBC
9BBFAC
86B29B
72A58A
5E9979
4A8C69
367F58
31724F
2B6646
26593E
204C35
1B402C
163323
10261A
0B1912
050D09
000000
FFFFFF
EAF1ED
D6E3DC
C1D4CA
ACC6B8
98B8A7
83AA95
6E9C83
598D71
457F60
30714E
2B6646
265A3E
224F37
1D442F
183927
132D1F
0E2217
0A1710
050B08
000000
FFFFFF
EAEFEC
D4E0DA
BFD0C7
AAC1B4
95B1A2
7FA18F
6A927C
558269
3F7357
2A6344
26593D
224F36
1D4530
193B29
153222
11281B
0D1E14
08140E
040A07
000000
FFFFFF
E9EEEB
D3DDD8
BDCCC4
A7BBB0
92AA9D
7C9989
668875
507761
3A664E
24553A
204D34
1D442E
193B29
163323
122B1D
0E2217
0B1911
07110C
040806
000000
FFFFFF
E9EDEA
D2DAD6
BCC8C1
A5B5AD
8FA398
789183
627E6F
4B6C5A
355946
1E4731
1B402C
183927
153222
122B1D
0F2419
0C1C14
09150F
060E0A
030705
000000
FFFFFF
E8EBE9
D1D7D4
BAC3BE
A3AFA9
8C9C93
74887D
5D7468
466052
2F4C3D
183827
163223
132D1F
11271B
0E2217
0C1C14
0A1610
07110C
050B08
020604
000000
FFFFFF
E7EAE8
D0D4D2
B8BFBB
A0AAA5
89958E
717F77
596A61
41554A
2A3F34
122A1D
10261A
0E2217
0D1D14
0B1911
09150F
07110C
050D09
040806
020403
000000
FFFFFF
E7E8E7
CED2D0
B6BBB8
9EA4A1
868E89
6D7771
55605A
3D4942
24332B
0C1C13
0B1911
0A160F
08140D
07110B
060E0A
050B08
040806
020604
010302
000000
FFFFFF
E6E7E6
CDCFCE
B4B7B5
9B9F9D
838784
6A6E6B
515653
383E3A
1F2622
060E09
050D08
050B07
040A06
040805
030705
020604
020403
010302
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