Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/abb3c0-99a1ac-888f99-777d86-666b73-555960-44474c-333539-222326-111113-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ABB3C0
RGB: 171,179,192
Hex: 99A1AC
RGB: 153,161,172
Hex: 888F99
RGB: 136,143,153
Hex: 777D86
RGB: 119,125,134
Hex: 666B73
RGB: 102,107,115
Hex: 555960
RGB: 85,89,96
Hex: 44474C
RGB: 68,71,76
Hex: 333539
RGB: 51,53,57
Hex: 222326
RGB: 34,35,38
Hex: 111113
RGB: 17,17,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
F7F7F9
EEF0F2
E6E8EC
DDE1E6
D5D9E0
CDD1D9
C4CAD3
BCC2CD
B3BBC6
ABB3C0
9AA1AD
898F9A
787D86
676B73
565A60
44484D
33363A
222426
111213
000000
FFFFFF
F5F6F7
EBECEE
E0E3E6
D6D9DE
CCD0D6
C2C7CD
B8BDC5
ADB4BD
A3AAB4
99A1AC
8A919B
7A818A
6B7178
5C6167
4D5156
3D4045
2E3034
1F2022
0F1011
000000
FFFFFF
F3F4F5
E7E9EB
DBDDE0
CFD2D6
C4C7CC
B8BCC2
ACB1B8
A0A5AD
949AA3
888F99
7A818A
6D727A
5F646B
52565C
44484D
36393D
292B2E
1B1D1F
0E0E0F
000000
FFFFFF
F1F2F3
E4E5E7
D6D8DB
C9CBCF
BBBEC3
ADB1B6
A0A4AA
92979E
858A92
777D86
6B7179
5F646B
53585E
474B50
3C3F43
303236
242528
18191B
0C0C0D
000000
FFFFFF
F0F0F1
E0E1E3
D1D3D5
C2C4C7
B3B5B9
A3A6AB
94979D
85898F
757A81
666B73
5C6068
52565C
474B51
3D4045
33363A
292B2E
1F2022
141517
0A0B0B
000000
FFFFFF
EEEEEF
DDDEDF
CCCDCF
BBBDBF
AAACB0
999BA0
888B90
777A80
666A70
555960
4D5056
44474D
3B3E43
33353A
2B2D30
222426
191B1D
111213
08090A
000000
FFFFFF
ECEDED
DADADB
C7C8C9
B4B5B7
A2A3A6
8F9194
7C7E82
696C70
57595E
44474C
3D4044
36393D
303235
292B2E
222426
1B1C1E
141517
0E0E0F
070708
000000
FFFFFF
EBEBEB
D6D7D7
C2C2C4
ADAEB0
999A9C
858688
707274
5C5D61
47494D
333539
2E3033
292A2E
242528
1F2022
1A1B1D
141517
0F1011
0A0B0B
050506
000000
FFFFFF
E9E9E9
D3D3D4
BDBDBE
A7A7A8
919193
7A7B7D
646567
4E4F51
38393C
222326
1F2022
1B1C1E
18191B
141517
111213
0E0E0F
0A0A0B
070708
030304
000000
FFFFFF
E7E7E7
CFCFD0
B8B8B8
A0A0A1
888889
707071
58585A
414142
29292B
111113
0F0F11
0E0E0F
0C0C0D
0A0A0B
09090A
070708
050506
030304
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