Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3f8661-387857-326b4d-2c5d43-25503a-1f4330-193526-12281d-0c1a13-060d09-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3F8661
RGB: 63,134,97
Hex: 387857
RGB: 56,120,87
Hex: 326B4D
RGB: 50,107,77
Hex: 2C5D43
RGB: 44,93,67
Hex: 25503A
RGB: 37,80,58
Hex: 1F4330
RGB: 31,67,48
Hex: 193526
RGB: 25,53,38
Hex: 12281D
RGB: 18,40,29
Hex: 0C1A13
RGB: 12,26,19
Hex: 060D09
RGB: 6,13,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
ECF3EF
D9E7DF
C5DBD0
B2CFC0
9FC3B0
8CB6A0
79AA90
659E81
529271
3F8661
397957
326B4E
2C5E44
26503A
204331
193627
13281D
0D1B13
060D0A
000000
FFFFFF
EBF2EE
D7E4DD
C3D7CD
AFC9BC
9CBCAB
88AE9A
74A189
609379
4C8668
387857
326C4E
2D6046
27543D
224834
1C3C2C
163023
11241A
0B1811
060C09
000000
FFFFFF
EBF0ED
D6E1DB
C2D3CA
ADC4B8
99B5A6
84A694
709782
5B8971
477A5F
326B4D
2D6045
28563E
234B36
1E402E
193627
142B1F
0F2017
0A150F
050B08
000000
FFFFFF
EAEFEC
D5DFD9
C0CEC7
ABBEB4
96AEA1
809E8E
6B8E7B
567D69
416D56
2C5D43
28543C
234A36
1F412F
1A3828
162F22
12251B
0D1C14
09130D
040907
000000
FFFFFF
E9EEEB
D3DCD8
BECBC4
A8B9B0
92A89D
7C9689
668575
517361
3B624E
25503A
214834
1E402E
1A3829
163023
13281D
0F2017
0B1811
07100C
040806
000000
FFFFFF
E9ECEA
D2D9D6
BCC7C1
A5B4AC
8FA198
798E83
627B6E
4C6959
355645
1F4330
1C3C2B
193626
162F22
13281D
102218
0C1B13
09140E
060D0A
030705
000000
FFFFFF
E8EBE9
D1D7D4
BAC2BE
A3AEA8
8C9A93
75867D
5E7267
475D51
30493C
193526
173022
142A1E
12251B
0F2017
0D1B13
0A150F
07100B
050B08
020504
000000
FFFFFF
E7EAE8
D0D4D2
B8BFBB
A0A9A5
89948E
717E77
596961
41534A
2A3E34
12281D
10241A
0E2017
0D1C14
0B1811
09140F
07100C
050C09
040806
020403
000000
FFFFFF
E7E8E7
CED1D0
B6BAB8
9EA3A1
868D89
6D7671
555F5A
3D4842
24312B
0C1A13
0B1711
0A150F
08120D
07100B
060D0A
050A08
040806
020504
010302
000000
FFFFFF
E6E7E6
CDCFCE
B4B6B5
9B9E9D
838684
6A6E6B
515653
383D3A
1F2522
060D09
050C08
050A07
040906
040805
030705
020504
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