Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/98ba88-88a77a-79946c-6a825f-5b6f51-4c5d44-3c4a36-2d3728-1e251b-0f120d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 98BA88
RGB: 152,186,136
Hex: 88A77A
RGB: 136,167,122
Hex: 79946C
RGB: 121,148,108
Hex: 6A825F
RGB: 106,130,95
Hex: 5B6F51
RGB: 91,111,81
Hex: 4C5D44
RGB: 76,93,68
Hex: 3C4A36
RGB: 60,74,54
Hex: 2D3728
RGB: 45,55,40
Hex: 1E251B
RGB: 30,37,27
Hex: 0F120D
RGB: 15,18,13
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F5F8F3
EAF1E7
E0EADB
D6E3CF
CCDDC4
C1D6B8
B7CFAC
ADC8A0
A2C194
98BA88
89A77A
7A956D
6A825F
5B7052
4C5D44
3D4A36
2E3829
1E251B
0F130E
000000
FFFFFF
F3F6F2
E7EDE4
DBE5D7
CFDCCA
C4D3BD
B8CAAF
ACC1A2
A0B995
94B087
88A77A
7A966E
6D8662
5F7555
526449
44543D
364331
293225
1B2118
0E110C
000000
FFFFFF
F2F4F0
E4EAE2
D7DFD3
C9D4C4
BCCAB6
AFBFA7
A1B498
94A989
869F7B
79946C
6D8561
617656
55684C
495941
3D4A36
303B2B
242C20
181E16
0C0F0B
000000
FFFFFF
F0F3EF
E1E6DF
D2DACF
C3CDBF
B5C1AF
A6B49F
97A88F
889B7F
798F6F
6A825F
5F7556
55684C
4A5B43
404E39
354130
2A3426
20271C
151A13
0B0D09
000000
FFFFFF
EFF1EE
DEE2DC
CED4CB
BDC5B9
ADB7A8
9DA997
8C9A85
7C8C74
6B7D62
5B6F51
526449
495941
404E39
374331
2E3829
242C20
1B2118
121610
090B08
000000
FFFFFF
EDEFEC
DBDFDA
C9CEC7
B7BEB4
A6AEA2
949E8F
828E7C
707D69
5E6D57
4C5D44
44543D
3D4A36
354130
2E3829
262F22
1E251B
171C14
0F130E
080907
000000
FFFFFF
ECEDEB
D8DBD7
C5C9C3
B1B7AF
9EA59B
8A9286
778072
636E5E
505C4A
3C4A36
364331
303B2B
2A3426
242C20
1E251B
181E16
121610
0C0F0B
060705
000000
FFFFFF
EAEBEA
D5D7D4
C0C3BF
ABAFA9
969B94
81877E
6C7369
575F53
424B3E
2D3728
293224
242C20
1F271C
1B2118
171C14
121610
0D100C
090B08
040504
000000
FFFFFF
E9E9E8
D2D3D1
BCBEBB
A5A8A4
8F928D
787C76
62665F
4B5149
353B32
1E251B
1B2118
181E16
151A13
121610
0F130E
0C0F0B
090B08
060705
030403
000000
FFFFFF
E7E7E7
CFD0CF
B7B8B6
9FA09E
878986
6F716E
575956
3F413D
272A25
0F120D
0E100C
0C0E0A
0B0D09
090B08
080907
060705
040504
030403
010201
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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