Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/a9dcf1-98c6d8-87b0c0-769aa8-658490-546e78-435860-324248-212c30-101618-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: A9DCF1
RGB: 169,220,241
Hex: 98C6D8
RGB: 152,198,216
Hex: 87B0C0
RGB: 135,176,192
Hex: 769AA8
RGB: 118,154,168
Hex: 658490
RGB: 101,132,144
Hex: 546E78
RGB: 84,110,120
Hex: 435860
RGB: 67,88,96
Hex: 324248
RGB: 50,66,72
Hex: 212C30
RGB: 33,44,48
Hex: 101618
RGB: 16,22,24
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
F6FCFE
EEF8FC
E5F5FB
DDF1F9
D4EEF8
CBEAF7
C3E7F5
BAE3F4
B2E0F2
A9DCF1
98C6D9
87B0C1
769AA9
658491
556E79
445860
334248
222C30
111618
000000
FFFFFF
F5F9FB
EAF4F7
E0EEF3
D6E8EF
CCE3EC
C1DDE8
B7D7E4
ADD1E0
A2CCDC
98C6D8
89B2C2
7A9EAD
6A8B97
5B7782
4C636C
3D4F56
2E3B41
1E282B
0F1416
000000
FFFFFF
F3F7F9
E7EFF2
DBE7EC
CFDFE6
C3D8E0
B7D0D9
ABC8D3
9FC0CD
93B8C6
87B0C0
7A9EAD
6C8D9A
5F7B86
516A73
445860
36464D
28353A
1B2326
0D1213
000000
FFFFFF
F1F5F6
E4EBEE
D6E1E5
C8D7DC
BBCDD4
ADC2CB
9FB8C2
91AEB9
84A4B1
769AA8
6A8B97
5E7B86
536C76
475C65
3B4D54
2F3E43
232E32
181F22
0C0F11
000000
FFFFFF
F0F3F4
E0E6E9
D1DADE
C1CED3
B2C2C8
A3B5BC
93A9B1
849DA6
74909B
658490
5B7782
516A73
475C65
3D4F56
334248
28353A
1E282B
141A1D
0A0D0E
000000
FFFFFF
EEF1F2
DDE2E4
CCD4D7
BBC5C9
AAB7BC
98A8AE
879AA1
768B93
657D86
546E78
4C636C
435860
3B4D54
324248
2A373C
222C30
192124
111618
080B0C
000000
FFFFFF
ECEEEF
D9DEDF
C7CDCF
B4BCBF
A1ACB0
8E9BA0
7B8A90
697980
566970
435860
3C4F56
36464D
2F3E43
28353A
222C30
1B2326
141A1D
0D1213
07090A
000000
FFFFFF
EBECED
D6D9DA
C2C6C8
ADB3B6
99A1A4
848E91
707B7F
5B686D
47555A
324248
2D3B41
28353A
232E32
1E282B
192124
141A1D
0F1416
0A0D0E
050707
000000
FFFFFF
E9EAEA
D3D5D6
BCC0C1
A6ABAC
909698
7A8083
646B6E
4D5659
374145
212C30
1E282B
1A2326
171F22
141A1D
111618
0D1213
0A0D0E
07090A
030405
000000
FFFFFF
E7E8E8
CFD0D1
B7B9BA
9FA2A3
888B8C
707374
585C5D
404546
282D2F
101618
0E1416
0D1213
0B0F11
0A0D0E
080B0C
06090A
050707
030405
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