Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/abd3bc-99bda9-88a896-779383-667e70-55695e-44544b-333f38-222a25-111512-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ABD3BC
RGB: 171,211,188
Hex: 99BDA9
RGB: 153,189,169
Hex: 88A896
RGB: 136,168,150
Hex: 779383
RGB: 119,147,131
Hex: 667E70
RGB: 102,126,112
Hex: 55695E
RGB: 85,105,94
Hex: 44544B
RGB: 68,84,75
Hex: 333F38
RGB: 51,63,56
Hex: 222A25
RGB: 34,42,37
Hex: 111512
RGB: 17,21,18
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
F7FBF8
EEF6F2
E6F2EB
DDEDE4
D5E9DE
CDE5D7
C4E0D0
BCDCC9
B3D7C3
ABD3BC
9ABEA9
89A996
789484
677F71
566A5E
44544B
333F38
222A26
111513
000000
FFFFFF
F5F8F6
EBF2EE
E0EBE5
D6E5DD
CCDED4
C2D7CB
B8D1C3
ADCABA
A3C4B2
99BDA9
8AAA98
7A9787
6B8476
5C7165
4D5F55
3D4C44
2E3933
1F2622
0F1311
000000
FFFFFF
F3F6F5
E7EEEA
DBE5E0
CFDCD5
C4D4CB
B8CBC0
ACC2B6
A0B9AB
94B1A1
88A896
7A9787
6D8678
5F7669
52655A
44544B
36433C
29322D
1B221E
0E110F
000000
FFFFFF
F1F4F3
E4E9E6
D6DFDA
C9D4CD
BBC9C1
ADBEB5
A0B3A8
92A99C
859E8F
779383
6B8476
5F7669
53675C
47584F
3C4A42
303B34
242C27
181D1A
0C0F0D
000000
FFFFFF
F0F2F1
E0E5E2
D1D8D4
C2CBC6
B3BFB8
A3B2A9
94A59B
85988D
758B7E
667E70
5C7165
52655A
47584E
3D4C43
333F38
29322D
1F2622
141916
0A0D0B
000000
FFFFFF
EEF0EF
DDE1DF
CCD2CF
BBC3BF
AAB4AF
99A59E
88968E
77877E
66786E
55695E
4D5F55
44544B
3B4A42
333F38
2B352F
222A26
191F1C
111513
080A09
000000
FFFFFF
ECEEED
DADDDB
C7CCC9
B4BBB7
A2AAA5
8F9893
7C8781
69766F
57655D
44544B
3D4C44
36433C
303B35
29322D
222A26
1B221E
141916
0E110F
070807
000000
FFFFFF
EBECEB
D6D9D7
C2C5C3
ADB2AF
999F9C
858C88
707974
5C6560
47524C
333F38
2E3932
29322D
242C27
1F2622
1A201C
141916
0F1311
0A0D0B
050606
000000
FFFFFF
E9EAE9
D3D4D3
BDBFBE
A7AAA8
919592
7A7F7C
646A66
4E5551
383F3B
222A25
1F2621
1B221E
181D1A
141916
111513
0E110F
0A0D0B
070807
030404
000000
FFFFFF
E7E8E7
CFD0D0
B8B9B8
A0A1A0
888A89
707371
585B59
414441
292C2A
111512
0F1310
0E110E
0C0F0D
0A0D0B
090B09
070807
050605
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