Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/afc7bf-9db3ab-8c9f98-7a8b85-697772-57635f-454f4c-343b39-232726-111313-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: AFC7BF
RGB: 175,199,191
Hex: 9DB3AB
RGB: 157,179,171
Hex: 8C9F98
RGB: 140,159,152
Hex: 7A8B85
RGB: 122,139,133
Hex: 697772
RGB: 105,119,114
Hex: 57635F
RGB: 87,99,95
Hex: 454F4C
RGB: 69,79,76
Hex: 343B39
RGB: 52,59,57
Hex: 232726
RGB: 35,39,38
Hex: 111313
RGB: 17,19,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
F7F9F9
EFF4F2
E7EEEC
DFE9E5
D7E3DF
CFDDD9
C7D8D2
BFD2CC
B7CDC5
AFC7BF
9EB3AC
8C9F99
7A8B86
697773
586460
46504C
343C39
232826
111413
000000
FFFFFF
F5F7F7
EBF0EE
E2E8E6
D8E1DD
CED9D5
C4D1CD
BACAC4
B1C2BC
A7BBB3
9DB3AB
8DA19A
7E8F89
6E7D78
5E6B67
4F5A56
3F4844
2F3633
1F2422
101211
000000
FFFFFF
F4F5F5
E8ECEA
DDE2E0
D1D9D6
C6CFCC
BAC5C1
AFBCB7
A3B2AD
98A9A2
8C9F98
7E8F89
707F7A
626F6A
545F5B
46504C
38403D
2A302E
1C201E
0E100F
000000
FFFFFF
F2F3F3
E4E8E7
D7DCDA
CAD1CE
BDC5C2
AFB9B6
A2AEAA
95A29D
879791
7A8B85
6E7D78
626F6A
55615D
495350
3D4643
313835
252A28
181C1B
0C0E0D
000000
FFFFFF
F0F1F1
E1E4E3
D2D6D5
C3C9C7
B4BBB9
A5ADAA
96A09C
87928E
788580
697772
5F6B67
545F5B
4A5350
3F4744
353C39
2A302E
1F2422
151817
0A0C0B
000000
FFFFFF
EEEFEF
DDE0DF
CDD0CF
BCC1BF
ABB1AF
9AA19F
89928F
79827F
68736F
57635F
4E5956
464F4C
3D4543
343B39
2C3230
232826
1A1E1C
111413
090A09
000000
FFFFFF
ECEDED
DADCDB
C7CAC9
B5B9B7
A2A7A6
8F9594
7D8482
6A7270
58615E
454F4C
3E4744
373F3D
303735
292F2E
232826
1C201E
151817
0E100F
070808
000000
FFFFFF
EBEBEB
D6D8D7
C2C4C4
AEB1B0
9A9D9C
858988
717674
5D6261
484F4D
343B39
2F3533
2A2F2E
242928
1F2322
1A1E1D
151817
101211
0A0C0B
050606
000000
FFFFFF
E9E9E9
D3D4D4
BDBEBE
A7A9A8
919393
7B7D7D
656867
4F5251
393D3C
232726
202322
1C1F1E
191B1B
151717
121413
0E100F
0A0C0B
070808
030404
000000
FFFFFF
E7E7E7
CFD0D0
B8B8B8
A0A1A1
888989
707171
585A5A
414242
292B2B
111313
0F1111
0E0F0F
0C0D0D
0A0B0B
090A0A
070808
050606
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