Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/51d981-62dd8e-74e19a-85e4a7-97e8b3-a8ecc0-b9f0cd-cbf4d9-dcf7e6-eefbf2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 51D981
RGB: 81,217,129
Hex: 62DD8E
RGB: 98,221,142
Hex: 74E19A
RGB: 116,225,154
Hex: 85E4A7
RGB: 133,228,167
Hex: 97E8B3
RGB: 151,232,179
Hex: A8ECC0
RGB: 168,236,192
Hex: B9F0CD
RGB: 185,240,205
Hex: CBF4D9
RGB: 203,244,217
Hex: DCF7E6
RGB: 220,247,230
Hex: EEFBF2
RGB: 238,251,242
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
EEFBF2
DCF7E6
CBF4D9
B9F0CD
A8ECC0
97E8B3
85E4A7
74E19A
62DD8E
51D981
49C374
41AE67
39985A
31824D
296D41
205734
184127
102B1A
08160D
000000
FFFFFF
EFFCF4
E0F8E8
D0F5DD
C0F1D2
B1EEC7
A1EBBB
91E7B0
81E4A5
72E099
62DD8E
58C780
4EB172
459B63
3B8555
316F47
275839
1D422B
142C1C
0A160E
000000
FFFFFF
F1FCF5
E3F9EB
D5F6E1
C7F3D7
BAF0CD
ACEDC2
9EEAB8
90E7AE
82E4A4
74E19A
68CB8B
5DB47B
519E6C
46875C
3A714D
2E5A3E
23432E
172D1F
0C160F
000000
FFFFFF
F3FCF6
E7FAED
DAF7E5
CEF4DC
C2F2D3
B6EFCA
AAECC1
9DE9B9
91E7B0
85E4A7
78CD96
6AB686
5DA075
508964
437254
355B43
284432
1B2E21
0D1711
000000
FFFFFF
F5FDF7
EAFAF0
E0F8E8
D5F6E1
CBF4D9
C1F1D1
B6EFCA
ACEDC2
A1EABB
97E8B3
88D1A1
79BA8F
6AA27D
5B8B6B
4C745A
3C5D48
2D4636
1E2E24
0F1712
000000
FFFFFF
F6FDF9
EEFBF2
E5F9EC
DCF7E6
D4F6E0
CBF4D9
C2F2D3
B9F0CD
B1EEC6
A8ECC0
97D4AD
86BD9A
76A586
658E73
547660
435E4D
32473A
222F26
111813
000000
FFFFFF
F8FEFA
F1FCF5
EAFBF0
E3F9EB
DCF8E6
D5F6E1
CEF5DC
C7F3D7
C0F2D2
B9F0CD
A7D8B9
94C0A4
82A890
6F907B
5D7867
4A6052
37483D
253029
121814
000000
FFFFFF
FAFEFB
F5FDF7
EFFCF4
EAFBF0
E5FAEC
E0F8E8
DBF7E4
D5F6E1
D0F5DD
CBF4D9
B7DCC3
A2C3AE
8EAB98
7A9282
667A6D
516257
3D4941
29312B
141816
000000
FFFFFF
FCFEFD
F8FDFA
F5FDF8
F1FCF5
EEFBF3
EAFAF0
E7F9EE
E3F9EB
E0F8E9
DCF7E6
C6DECF
B0C6B8
9AADA1
84948A
6E7C73
58635C
424A45
2C312E
161917
000000
FFFFFF
FDFFFE
FCFEFC
FAFEFB
F8FDFA
F7FDF9
F5FDF7
F3FCF6
F1FCF5
F0FBF3
EEFBF2
D6E2DA
BEC9C2
A7B0A9
8F9791
777E79
5F6461
474B49
303230
181918
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