Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/abefab-99d799-88bf88-77a777-668f66-557755-445f44-334733-222f22-111711-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ABEFAB
RGB: 171,239,171
Hex: 99D799
RGB: 153,215,153
Hex: 88BF88
RGB: 136,191,136
Hex: 77A777
RGB: 119,167,119
Hex: 668F66
RGB: 102,143,102
Hex: 557755
RGB: 85,119,85
Hex: 445F44
RGB: 68,95,68
Hex: 334733
RGB: 51,71,51
Hex: 222F22
RGB: 34,47,34
Hex: 111711
RGB: 17,23,17
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
F7FDF7
EEFCEE
E6FAE6
DDF9DD
D5F7D5
CDF5CD
C4F4C4
BCF2BC
B3F1B3
ABEFAB
9AD79A
89BF89
78A778
678F67
567856
446044
334833
223022
111811
000000
FFFFFF
F5FBF5
EBF7EB
E0F3E0
D6EFD6
CCEBCC
C2E7C2
B8E3B8
ADDFAD
A3DBA3
99D799
8AC28A
7AAC7A
6B976B
5C815C
4D6C4D
3D563D
2E402E
1F2B1F
0F150F
000000
FFFFFF
F3F9F3
E7F2E7
DBECDB
CFE5CF
C4DFC4
B8D9B8
ACD2AC
A0CCA0
94C594
88BF88
7AAC7A
6D996D
5F865F
527352
446044
364C36
293929
1B261B
0E130E
000000
FFFFFF
F1F6F1
E4EDE4
D6E5D6
C9DCC9
BBD3BB
ADCAAD
A0C1A0
92B992
85B085
77A777
6B966B
5F865F
537553
476447
3C543C
304330
243224
182118
0C110C
000000
FFFFFF
F0F4F0
E0E9E0
D1DDD1
C2D2C2
B3C7B3
A3BCA3
94B194
85A585
759A75
668F66
5C815C
527252
476447
3D563D
334833
293929
1F2B1F
141D14
0A0E0A
000000
FFFFFF
EEF1EE
DDE4DD
CCD6CC
BBC9BB
AABBAA
99AD99
88A088
779277
668566
557755
4D6B4D
445F44
3B533B
334733
2B3C2B
223022
192419
111811
080C08
000000
FFFFFF
ECEFEC
DADFDA
C7CFC7
B4BFB4
A2AFA2
8F9F8F
7C8F7C
697F69
576F57
445F44
3D563D
364C36
304330
293929
223022
1B261B
141C14
0E130E
070907
000000
FFFFFF
EBEDEB
D6DAD6
C2C8C2
ADB5AD
99A399
859185
707E70
5C6C5C
475947
334733
2E402E
293929
243224
1F2B1F
1A241A
141C14
0F150F
0A0E0A
050705
000000
FFFFFF
E9EAE9
D3D5D3
BDC1BD
A7ACA7
919791
7A827A
646D64
4E594E
384438
222F22
1F2A1F
1B261B
182118
141C14
111811
0E130E
0A0E0A
070907
030503
000000
FFFFFF
E7E8E7
CFD1CF
B8B9B8
A0A2A0
888B88
707470
585D58
414541
292E29
111711
0F150F
0E120E
0C100C
0A0E0A
090C09
070907
050705
030503
020202
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