Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3da873-50b081-63b98f-77c29d-8acaab-9ed3b9-b1dcc7-c4e4d5-d8ede3-ebf6f1-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3DA873
RGB: 61,168,115
Hex: 50B081
RGB: 80,176,129
Hex: 63B98F
RGB: 99,185,143
Hex: 77C29D
RGB: 119,194,157
Hex: 8ACAAB
RGB: 138,202,171
Hex: 9ED3B9
RGB: 158,211,185
Hex: B1DCC7
RGB: 177,220,199
Hex: C4E4D5
RGB: 196,228,213
Hex: D8EDE3
RGB: 216,237,227
Hex: EBF6F1
RGB: 235,246,241
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
ECF6F1
D8EEE3
C5E5D5
B1DCC7
9ED4B9
8BCBAB
77C29D
64B98F
50B181
3DA873
379768
31865C
2B7651
256545
1F543A
18432E
123222
0C2217
06110B
000000
FFFFFF
EEF7F2
DCEFE6
CBE7D9
B9DFCD
A8D8C0
96D0B3
85C8A7
73C09A
62B88E
50B081
489E74
408D67
387B5A
306A4D
285841
204634
183527
10231A
08120D
000000
FFFFFF
EFF8F4
E0F1E9
D0EADD
C1E3D2
B1DCC7
A1D5BC
92CEB1
82C7A5
73C09A
63B98F
59A781
4F9472
458264
3B6F56
325D48
284A39
1E372B
14251D
0A120E
000000
FFFFFF
F1F9F5
E4F3EB
D6EDE2
C9E7D8
BBE1CE
ADDAC4
A0D4BA
92CEB1
85C8A7
77C29D
6BAF8D
5F9B7E
53886E
47745E
3C614F
304E3F
243A2F
18271F
0C1310
000000
FFFFFF
F3FAF7
E8F4EE
DCEFE6
D0EADD
C5E5D5
B9DFCD
ADDAC4
A1D5BC
96CFB3
8ACAAB
7CB69A
6EA289
618D78
537967
456556
375144
293D33
1C2822
0E1411
000000
FFFFFF
F5FBF8
ECF6F1
E2F2EA
D8EDE3
CFE9DC
C5E5D5
BBE0CE
B1DCC7
A8D7C0
9ED3B9
8EBEA7
7EA994
6F9482
5F7F6F
4F6A5D
3F544A
2F3F37
202A25
101512
000000
FFFFFF
F7FCF9
EFF8F4
E8F5EE
E0F1E9
D8EEE3
D0EADD
C8E7D8
C1E3D2
B9E0CD
B1DCC7
9FC6B3
8EB09F
7C9A8B
6A8477
596E64
475850
35423C
232C28
121614
000000
FFFFFF
F9FCFB
F3FAF7
EDF7F2
E7F4EE
E2F2EA
DCEFE6
D6ECE2
D0E9DD
CAE7D9
C4E4D5
B0CDC0
9DB6AA
89A095
768980
62726B
4E5B55
3B4440
272E2B
141715
000000
FFFFFF
FBFDFC
F7FBF9
F3FAF7
EFF8F4
ECF6F1
E8F4EE
E4F2EB
E0F1E9
DCEFE6
D8EDE3
C2D5CC
ADBEB6
97A69F
828E88
6C7772
565F5B
414744
2B2F2D
161817
000000
FFFFFF
FDFEFE
FBFDFC
F9FCFB
F7FBF9
F5FBF8
F3FAF7
F1F9F5
EFF8F4
EDF7F2
EBF6F1
D4DDD9
BCC5C1
A5ACA9
8D9491
767B79
5E6260
464A48
2F3130
171918
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