Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/abf9c3-9ae0b0-89c79c-78ae88-679575-567c62-44644e-334b3a-223227-111913-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ABF9C3
RGB: 171,249,195
Hex: 9AE0B0
RGB: 154,224,176
Hex: 89C79C
RGB: 137,199,156
Hex: 78AE88
RGB: 120,174,136
Hex: 679575
RGB: 103,149,117
Hex: 567C62
RGB: 86,124,98
Hex: 44644E
RGB: 68,100,78
Hex: 334B3A
RGB: 51,75,58
Hex: 223227
RGB: 34,50,39
Hex: 111913
RGB: 17,25,19
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
F7FEF9
EEFEF3
E6FDED
DDFDE7
D5FCE1
CDFBDB
C4FBD5
BCFACF
B3FAC9
ABF9C3
9AE0B0
89C79C
78AE89
679575
567D62
44644E
334B3A
223227
111913
000000
FFFFFF
F5FCF7
EBF9EF
E1F6E7
D7F3DF
CDF0D8
C2ECD0
B8E9C8
AEE6C0
A4E3B8
9AE0B0
8BCA9E
7BB38D
6C9D7B
5C866A
4D7058
3E5A46
2E4335
1F2D23
0F1612
000000
FFFFFF
F3F9F5
E7F4EB
DCEEE1
D0E9D7
C4E3CE
B8DDC4
ACD8BA
A1D2B0
95CDA6
89C79C
7BB38C
6E9F7D
608B6D
52775E
45644E
37503E
293C2F
1B281F
0E1410
000000
FFFFFF
F2F7F3
E4EFE7
D7E7DB
C9DFCF
BCD7C4
AECEB8
A1C6AC
93BEA0
86B694
78AE88
6C9D7A
608B6D
547A5F
486852
3C5744
304636
243429
18231B
0C110E
000000
FFFFFF
F0F4F1
E1EAE3
D1DFD6
C2D5C8
B3CABA
A4BFAC
95B59E
85AA91
76A083
679575
5D8669
52775E
486852
3E5946
344B3B
293C2F
1F2D23
151E17
0A0F0C
000000
FFFFFF
EEF2EF
DDE5E0
CCD8D0
BBCBC0
ABBEB1
9AB0A1
89A391
789681
678972
567C62
4D7058
45634E
3C5745
344A3B
2B3E31
223227
1A251D
111914
090C0A
000000
FFFFFF
ECF0ED
DAE0DC
C7D1CA
B4C1B8
A2B2A7
8FA295
7C9383
698371
577460
44644E
3D5A46
36503E
304637
293C2F
223227
1B281F
141E17
0E1410
070A08
000000
FFFFFF
EBEDEB
D6DBD8
C2C9C4
ADB7B0
99A59D
859389
708175
5C6F61
475D4E
334B3A
2E4434
293C2E
243529
1F2D23
1A261D
141E17
0F1611
0A0F0C
050706
000000
FFFFFF
E9EBE9
D3D6D4
BDC2BE
A7ADA9
919993
7A847D
647068
4E5B52
38473D
223227
1F2D23
1B281F
18231B
141E17
111914
0E1410
0A0F0C
070A08
030504
000000
FFFFFF
E7E8E7
CFD1D0
B8BAB8
A0A3A1
888C89
707571
585E5A
414742
29302B
111913
0F1711
0E140F
0C120D
0A0F0B
090D0A
070A08
050706
030504
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