Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/87d89b-93dba5-9fdfaf-abe3b9-b7e7c3-c3ebcd-cfefd7-dbf3e1-e7f7eb-f3fbf5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 87D89B
RGB: 135,216,155
Hex: 93DBA5
RGB: 147,219,165
Hex: 9FDFAF
RGB: 159,223,175
Hex: ABE3B9
RGB: 171,227,185
Hex: B7E7C3
RGB: 183,231,195
Hex: C3EBCD
RGB: 195,235,205
Hex: CFEFD7
RGB: 207,239,215
Hex: DBF3E1
RGB: 219,243,225
Hex: E7F7EB
RGB: 231,247,235
Hex: F3FBF5
RGB: 243,251,245
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
F3FBF5
E7F7EB
DBF3E1
CFEFD7
C3ECCD
B7E8C3
ABE4B9
9FE0AF
93DCA5
87D89B
7AC28C
6CAD7C
5F976D
51825D
446C4E
36563E
28412E
1B2B1F
0D160F
000000
FFFFFF
F4FBF6
E9F8ED
DFF4E4
D4F1DB
C9EDD2
BEE9C9
B3E6C0
A9E2B7
9EDFAE
93DBA5
84C595
76AF84
679973
588363
4A6E53
3B5842
2C4231
1D2C21
0F1610
000000
FFFFFF
F5FCF7
ECF9EF
E2F5E7
D9F2DF
CFEFD7
C5ECCF
BCE9C7
B2E5BF
A9E2B7
9FDFAF
8FC99E
7FB28C
6F9C7A
5F8669
507058
405946
304334
202D23
101611
000000
FFFFFF
F7FCF8
EEF9F1
E6F7EA
DDF4E3
D5F1DC
CDEED5
C4EBCE
BCE9C7
B3E6C0
ABE3B9
9ACCA7
89B694
789F82
67886F
56725D
445B4A
334437
222D25
111712
000000
FFFFFF
F8FDF9
F1FAF3
E9F8ED
E2F5E7
DBF3E1
D4F1DB
CDEED5
C5ECCF
BEE9C9
B7E7C3
A5D0B0
92B99C
80A289
6E8B75
5C7462
495C4E
37453A
252E27
121713
000000
FFFFFF
F9FDFA
F3FBF5
EDF9F0
E7F7EB
E1F5E6
DBF3E1
D5F1DC
CFEFD7
C9EDD2
C3EBCD
B0D4B9
9CBCA4
89A590
758D7B
627667
4E5E52
3A463D
272F29
131714
000000
FFFFFF
FAFDFB
F5FCF7
F1FAF3
ECF9EF
E7F7EB
E2F5E7
DDF4E3
D9F2DF
D4F1DB
CFEFD7
BAD7C2
A6BFAC
91A797
7C8F81
68786C
536056
3E4840
29302B
151815
000000
FFFFFF
FBFEFC
F8FDF9
F4FBF6
F1FAF3
EDF9F0
E9F8ED
E6F7EA
E2F5E7
DFF4E4
DBF3E1
C5DBCB
AFC2B4
99AA9E
839287
6E7A71
58615A
424943
2C312D
161816
000000
FFFFFF
FDFEFD
FAFDFB
F8FDF9
F5FCF7
F3FBF5
F1FAF3
EEF9F1
ECF9EF
E9F8ED
E7F7EB
D0DED4
B9C6BC
A2ADA5
8B948D
747C76
5C635E
454A46
2E312F
171917
000000
FFFFFF
FEFFFE
FDFEFD
FBFEFC
FAFDFB
F9FDFA
F8FDF9
F7FCF8
F5FCF7
F4FBF6
F3FBF5
DBE2DD
C2C9C4
AAB0AC
929793
7A7E7B
616462
494B49
313231
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