Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/abb7c1-99a4ad-88929a-778087-666d73-555b60-44494d-333639-222426-111213-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ABB7C1
RGB: 171,183,193
Hex: 99A4AD
RGB: 153,164,173
Hex: 88929A
RGB: 136,146,154
Hex: 778087
RGB: 119,128,135
Hex: 666D73
RGB: 102,109,115
Hex: 555B60
RGB: 85,91,96
Hex: 44494D
RGB: 68,73,77
Hex: 333639
RGB: 51,54,57
Hex: 222426
RGB: 34,36,38
Hex: 111213
RGB: 17,18,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
F7F8F9
EEF1F3
E6E9EC
DDE2E6
D5DBE0
CDD4DA
C4CDD4
BCC5CD
B3BEC7
ABB7C1
9AA5AE
89929A
788087
676E74
565C61
44494D
33373A
222527
111213
000000
FFFFFF
F5F6F7
EBEDEF
E0E4E6
D6DBDE
CCD2D6
C2C8CE
B8BFC6
ADB6BD
A3ADB5
99A4AD
8A949C
7A838A
6B7379
5C6268
4D5257
3D4245
2E3134
1F2123
0F1011
000000
FFFFFF
F3F4F5
E7E9EB
DBDEE1
CFD3D7
C4C9CD
B8BEC2
ACB3B8
A0A8AE
949DA4
88929A
7A838B
6D757B
5F666C
52585C
44494D
363A3E
292C2E
1B1D1F
0E0F0F
000000
FFFFFF
F1F2F3
E4E6E7
D6D9DB
C9CCCF
BBC0C3
ADB3B7
A0A6AB
92999F
858D93
778087
6B737A
5F666C
535A5F
474D51
3C4044
303336
242628
181A1B
0C0D0D
000000
FFFFFF
F0F0F1
E0E2E3
D1D3D5
C2C5C7
B3B6B9
A3A7AB
94999D
858A8F
757C81
666D73
5C6268
52575C
474C51
3D4145
33373A
292C2E
1F2122
141617
0A0B0B
000000
FFFFFF
EEEFEF
DDDEDF
CCCECF
BBBDBF
AAADB0
999DA0
888C90
777C80
666B70
555B60
4D5256
44494D
3B4043
33373A
2B2E30
222426
191B1D
111213
08090A
000000
FFFFFF
ECEDED
DADBDB
C7C8CA
B4B6B8
A2A4A6
8F9294
7C8082
696D71
575B5F
44494D
3D4245
363A3E
303336
292C2E
222527
1B1D1F
141617
0E0F0F
070708
000000
FFFFFF
EBEBEB
D6D7D7
C2C3C4
ADAFB0
999B9C
858688
707274
5C5E61
474A4D
333639
2E3133
292B2E
242628
1F2022
1A1B1D
141617
0F1011
0A0B0B
050506
000000
FFFFFF
E9E9E9
D3D3D4
BDBDBE
A7A7A8
919293
7A7C7D
646667
4E5051
383A3C
222426
1F2022
1B1D1E
18191B
141617
111213
0E0E0F
0A0B0B
070708
030404
000000
FFFFFF
E7E7E7
CFD0D0
B8B8B8
A0A0A1
888989
707171
58595A
414142
292A2B
111213
0F1011
0E0E0F
0C0D0D
0A0B0B
09090A
070708
050506
030404
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