Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/77c87a-84cd87-92d394-9fd8a1-addeaf-bbe3bc-c8e9c9-d6eed7-e3f4e4-f1f9f1-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 77C87A
RGB: 119,200,122
Hex: 84CD87
RGB: 132,205,135
Hex: 92D394
RGB: 146,211,148
Hex: 9FD8A1
RGB: 159,216,161
Hex: ADDEAF
RGB: 173,222,175
Hex: BBE3BC
RGB: 187,227,188
Hex: C8E9C9
RGB: 200,233,201
Hex: D6EED7
RGB: 214,238,215
Hex: E3F4E4
RGB: 227,244,228
Hex: F1F9F1
RGB: 241,249,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
F1FAF2
E4F4E4
D6EFD7
C9E9CA
BBE4BD
ADDEAF
A0D9A2
92D395
85CE87
77C87A
6BB46E
5FA062
538C55
477849
3C643D
305031
243C25
182818
0C140C
000000
FFFFFF
F3FAF3
E6F5E7
DAF0DB
CEEBCF
C2E6C3
B5E1B7
A9DCAB
9DD79F
90D293
84CD87
77B97A
6AA46C
5C905F
4F7B51
426744
355236
283D28
1A291B
0D140D
000000
FFFFFF
F4FBF4
E9F6EA
DEF2DF
D3EDD4
C9E9CA
BEE5BF
B3E0B4
A8DCA9
9DD79F
92D394
83BE85
75A976
669468
587F59
496A4A
3A543B
2C3F2C
1D2A1E
0F150F
000000
FFFFFF
F5FBF6
ECF7EC
E2F3E3
D9EFD9
CFECD0
C5E8C7
BCE4BD
B2E0B4
A9DCAA
9FD8A1
8FC291
7FAD81
6F9771
5F8261
506C51
405640
304130
202B20
101610
000000
FFFFFF
F7FCF7
EFF8EF
E6F5E7
DEF2DF
D6EFD7
CEEBCF
C6E8C7
BDE5BF
B5E1B7
ADDEAF
9CC89E
8AB28C
799B7A
688569
576F58
455946
344334
232C23
111611
000000
FFFFFF
F8FCF8
F1F9F2
EBF7EB
E4F4E4
DDF1DE
D6EED7
CFEBD0
C9E9C9
C2E6C3
BBE3BC
A8CCA9
96B696
839F84
708871
5E725E
4B5B4B
384438
252D26
131713
000000
FFFFFF
FAFDFA
F4FBF4
EFF8EF
E9F6E9
E4F4E4
DEF2DF
D9F0D9
D3EDD4
CEEBCE
C8E9C9
B4D2B5
A0BAA1
8CA38D
788C79
647565
505D50
3C463C
282F28
141714
000000
FFFFFF
FBFDFB
F7FCF7
F3FAF3
EFF8EF
EBF7EB
E6F5E7
E2F3E3
DEF1DF
DAF0DB
D6EED7
C1D6C2
ABBEAC
96A797
808F81
6B776C
565F56
404740
2B302B
151815
000000
FFFFFF
FCFEFC
F9FDFA
F7FCF7
F4FBF4
F1FAF2
EEF8EF
EBF7EC
E9F6E9
E6F5E7
E3F4E4
CCDCCD
B6C3B6
9FABA0
889289
727A72
5B625B
444944
2D312E
171817
000000
FFFFFF
FEFEFE
FCFEFC
FBFDFB
F9FDF9
F8FCF8
F7FBF7
F5FBF5
F4FAF4
F2FAF2
F1F9F1
D9E0D9
C1C7C1
A9AEA9
919591
797D79
606460
484B48
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