Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/39976f-4ca17d-60ab8b-74b69a-88c0a8-9ccbb7-afd5c5-c3dfd3-d7eae2-ebf4f0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 39976F
RGB: 57,151,111
Hex: 4CA17D
RGB: 76,161,125
Hex: 60AB8B
RGB: 96,171,139
Hex: 74B69A
RGB: 116,182,154
Hex: 88C0A8
RGB: 136,192,168
Hex: 9CCBB7
RGB: 156,203,183
Hex: AFD5C5
RGB: 175,213,197
Hex: C3DFD3
RGB: 195,223,211
Hex: D7EAE2
RGB: 215,234,226
Hex: EBF4F0
RGB: 235,244,240
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EBF5F1
D7EAE2
C4E0D4
B0D5C5
9CCBB7
88C1A9
74B69A
61AC8C
4DA17D
39976F
338864
2E7959
286A4E
225B43
1D4C38
173C2C
112D21
0B1E16
060F0B
000000
FFFFFF
EDF6F2
DBECE5
C9E3D8
B7D9CB
A6D0BE
94C7B1
82BDA4
70B497
5EAA8A
4CA17D
449171
3D8164
357158
2E614B
26513F
1E4032
173025
0F2019
08100C
000000
FFFFFF
EFF7F3
DFEEE8
CFE6DC
BFDDD1
B0D5C5
A0CDB9
90C4AE
80BCA2
70B397
60AB8B
569A7D
4D896F
437861
3A6753
305646
264438
1D332A
13221C
0A110E
000000
FFFFFF
F1F8F5
E3F0EB
D5E9E1
C7E2D7
BADBCD
ACD3C2
9ECCB8
90C5AE
82BDA4
74B69A
68A48B
5D927B
517F6C
466D5C
3A5B4D
2E493E
23372E
17241F
0C120F
000000
FFFFFF
F3F9F6
E7F2EE
DBECE5
CFE6DC
C4E0D4
B8D9CB
ACD3C2
A0CDB9
94C6B1
88C0A8
7AAD97
6D9A86
5F8676
527365
446054
364D43
293A32
1B2622
0E1311
000000
FFFFFF
F5FAF8
EBF5F1
E1EFE9
D7EAE2
CEE5DB
C4E0D4
BADBCD
B0D5C5
A6D0BE
9CCBB7
8CB7A5
7DA292
6D8E80
5E7A6E
4E665C
3E5149
2F3D37
1F2925
101412
000000
FFFFFF
F7FBF9
EFF7F3
E7F2EE
DFEEE8
D7EAE2
CFE6DC
C7E2D6
BFDDD1
B7D9CB
AFD5C5
9EC0B1
8CAA9E
7A958A
698076
586B63
46554F
34403B
232B27
111514
000000
FFFFFF
F9FCFB
F3F9F6
EDF5F2
E7F2ED
E1EFE9
DBECE5
D5E9E0
CFE5DC
C9E2D7
C3DFD3
B0C9BE
9CB2A9
899C94
75867F
62706A
4E5954
3A433F
272D2A
131615
000000
FFFFFF
FBFDFC
F7FBF9
F3F9F6
EFF7F3
EBF5F1
E7F2EE
E3F0EB
DFEEE8
DBECE5
D7EAE2
C2D3CB
ACBBB5
97A49E
818C88
6C7571
565E5A
404644
2B2F2D
151717
000000
FFFFFF
FDFEFE
FBFDFC
F9FCFB
F7FBF9
F5FAF8
F3F8F6
F1F7F5
EFF6F3
EDF5F2
EBF4F0
D4DCD8
BCC3C0
A5ABA8
8D9290
767A78
5E6260
464948
2F3130
171818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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