Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/afe3e5-9dccce-8cb5b7-7a9ea0-698889-577172-455a5b-344444-232d2d-111616-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: AFE3E5
RGB: 175,227,229
Hex: 9DCCCE
RGB: 157,204,206
Hex: 8CB5B7
RGB: 140,181,183
Hex: 7A9EA0
RGB: 122,158,160
Hex: 698889
RGB: 105,136,137
Hex: 577172
RGB: 87,113,114
Hex: 455A5B
RGB: 69,90,91
Hex: 344444
RGB: 52,68,68
Hex: 232D2D
RGB: 35,45,45
Hex: 111616
RGB: 17,22,22
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
F7FCFC
EFF9FA
E7F7F7
DFF4F5
D7F1F2
CFEEEF
C7EBED
BFE9EA
B7E6E8
AFE3E5
9ECCCE
8CB6B7
7A9FA0
698889
587273
465B5C
344445
232D2E
111717
000000
FFFFFF
F5FAFA
EBF5F5
E2F0F0
D8EBEB
CEE6E7
C4E0E2
BADBDD
B1D6D8
A7D1D3
9DCCCE
8DB8B9
7EA3A5
6E8F90
5E7A7C
4F6667
3F5252
2F3D3E
1F2929
101415
000000
FFFFFF
F4F8F8
E8F0F1
DDE9E9
D1E1E2
C6DADB
BAD3D4
AFCBCD
A3C4C5
98BCBE
8CB5B7
7EA3A5
709192
627F80
546D6E
465B5C
384849
2A3637
1C2425
0E1212
000000
FFFFFF
F2F5F6
E4ECEC
D7E2E3
CAD8D9
BDCFD0
AFC5C6
A2BBBD
95B1B3
87A8AA
7A9EA0
6E8E90
627E80
556F70
495F60
3D4F50
313F40
252F30
182020
0C1010
000000
FFFFFF
F0F3F3
E1E7E7
D2DBDC
C3CFD0
B4C4C4
A5B8B8
96ACAC
87A0A1
789495
698889
5F7A7B
546D6E
4A5F60
3F5252
354445
2A3637
1F2929
151B1B
0A0E0E
000000
FFFFFF
EEF1F1
DDE3E3
CDD4D5
BCC6C7
ABB8B9
9AAAAA
899C9C
798D8E
687F80
577172
4E6667
465A5B
3D4F50
344444
2C3939
232D2E
1A2222
111717
090B0B
000000
FFFFFF
ECEFEF
DADEDE
C7CECE
B5BDBD
A2ADAD
8F9C9D
7D8C8C
6A7B7C
586B6B
455A5B
3E5152
374849
303F40
293637
232D2E
1C2424
151B1B
0E1212
070909
000000
FFFFFF
EBECEC
D6DADA
C2C7C7
AEB4B4
9AA2A2
858F8F
717C7C
5D6969
485757
344444
2F3D3D
2A3636
243030
1F2929
1A2222
151B1B
101414
0A0E0E
050707
000000
FFFFFF
E9EAEA
D3D5D5
BDC0C0
A7ABAB
919696
7B8181
656C6C
4F5757
394242
232D2D
202929
1C2424
191F1F
151B1B
121717
0E1212
0A0D0D
070909
030404
000000
FFFFFF
E7E8E8
CFD0D0
B8B9B9
A0A2A2
888B8B
707373
585C5C
414545
292D2D
111616
0F1414
0E1212
0C0F0F
0A0D0D
090B0B
070909
050707
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