Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/afbbd9-9da8c3-8c95ad-7a8297-697082-575d6c-454a56-343841-23252b-111215-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: AFBBD9
RGB: 175,187,217
Hex: 9DA8C3
RGB: 157,168,195
Hex: 8C95AD
RGB: 140,149,173
Hex: 7A8297
RGB: 122,130,151
Hex: 697082
RGB: 105,112,130
Hex: 575D6C
RGB: 87,93,108
Hex: 454A56
RGB: 69,74,86
Hex: 343841
RGB: 52,56,65
Hex: 23252B
RGB: 35,37,43
Hex: 111215
RGB: 17,18,21
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
F7F8FB
EFF1F7
E7EBF4
DFE4F0
D7DDEC
CFD6E8
C7CFE4
BFC9E1
B7C2DD
AFBBD9
9EA8C3
8C96AE
7A8398
697082
585E6D
464B57
343841
23252B
111316
000000
FFFFFF
F5F6F9
EBEEF3
E2E5ED
D8DCE7
CED4E1
C4CBDB
BAC2D5
B1B9CF
A7B1C9
9DA8C3
8D97B0
7E869C
6E7689
5E6575
4F5462
3F434E
2F323A
1F2227
101113
000000
FFFFFF
F4F4F7
E8EAEF
DDDFE6
D1D5DE
C6CAD6
BABFCE
AFB5C6
A3AABD
98A0B5
8C95AD
7E869C
70778A
626879
545968
464B57
383C45
2A2D34
1C1E23
0E0F11
000000
FFFFFF
F2F3F5
E4E6EA
D7DAE0
CACDD5
BDC1CB
AFB4C1
A2A8B6
959BAC
878FA1
7A8297
6E7588
626879
555B6A
494E5B
3D414C
31343C
25272D
181A1E
0C0D0F
000000
FFFFFF
F0F1F3
E1E2E6
D2D4DA
C3C6CD
B4B8C1
A5A9B4
969BA8
878D9B
787E8F
697082
5F6575
545A68
4A4E5B
3F434E
353841
2A2D34
1F2227
15161A
0A0B0D
000000
FFFFFF
EEEFF0
DDDFE2
CDCED3
BCBEC4
ABAEB6
9A9EA7
898E98
797D89
686D7B
575D6C
4E5461
464A56
3D414C
343841
2C2F36
23252B
1A1C20
111316
09090B
000000
FFFFFF
ECEDEE
DADBDD
C7C9CC
B5B7BB
A2A5AB
8F929A
7D8089
6A6E78
585C67
454A56
3E434D
373B45
30343C
292C34
23252B
1C1E22
15161A
0E0F11
070709
000000
FFFFFF
EBEBEC
D6D7D9
C2C3C6
AEAFB3
9A9CA0
85888D
71747A
5D6067
484C54
343841
2F323B
2A2D34
24272E
1F2227
1A1C21
15161A
101113
0A0B0D
050606
000000
FFFFFF
E9E9EA
D3D3D5
BDBEBF
A7A8AA
919295
7B7C80
65666B
4F5155
393B40
23252B
202127
1C1E22
191A1E
15161A
121316
0E0F11
0A0B0D
070709
030404
000000
FFFFFF
E7E7E8
CFD0D0
B8B8B9
A0A0A1
88898A
707173
58595B
414144
292A2C
111215
0F1013
0E0E11
0C0D0F
0A0B0D
09090B
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