Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/d9ecf1-c3d4d9-aebdc1-98a5a9-828e91-6c7678-575e60-414748-2b2f30-161818-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: D9ECF1
RGB: 217,236,241
Hex: C3D4D9
RGB: 195,212,217
Hex: AEBDC1
RGB: 174,189,193
Hex: 98A5A9
RGB: 152,165,169
Hex: 828E91
RGB: 130,142,145
Hex: 6C7678
RGB: 108,118,120
Hex: 575E60
RGB: 87,94,96
Hex: 414748
RGB: 65,71,72
Hex: 2B2F30
RGB: 43,47,48
Hex: 161818
RGB: 22,24,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
FBFDFE
F7FBFC
F4F9FB
F0F7F9
ECF6F8
E8F4F7
E4F2F5
E1F0F4
DDEEF2
D9ECF1
C3D4D9
AEBDC1
98A5A9
828E91
6D7679
575E60
414748
2B2F30
161818
000000
FFFFFF
F9FBFB
F3F6F7
EDF2F4
E7EEF0
E1EAEC
DBE5E8
D5E1E4
CFDDE1
C9D8DD
C3D4D9
B0BFC3
9CAAAE
899498
757F82
626A6D
4E5557
3A4041
272A2B
131516
000000
FFFFFF
F7F8F9
EFF2F3
E7EBEC
DFE5E6
D7DEE0
CED7DA
C6D1D4
BECACD
B6C4C7
AEBDC1
9DAAAE
8B979A
7A8487
687174
575F61
464C4D
34393A
232627
111313
000000
FFFFFF
F5F6F6
EAEDEE
E0E4E5
D6DBDD
CCD2D4
C1C9CB
B7C0C3
ADB7BA
A2AEB2
98A5A9
899598
7A8487
6A7376
5B6365
4C5355
3D4244
2E3133
1E2122
0F1011
000000
FFFFFF
F3F4F4
E6E8E9
DADDDE
CDD2D3
C1C7C8
B4BBBD
A8B0B2
9BA5A7
8F999C
828E91
758083
687274
5B6366
4E5557
414749
34393A
272B2B
1A1C1D
0D0E0E
000000
FFFFFF
F0F1F2
E2E4E4
D3D6D7
C4C8C9
B6BBBC
A7ADAE
989FA1
899193
7B8486
6C7678
616A6C
565E60
4C5354
414748
363B3C
2B2F30
202324
161818
0B0C0C
000000
FFFFFF
EEEFEF
DDDFDF
CDCFCF
BCBFBF
ABAFB0
9A9EA0
898E90
797E80
686E70
575E60
4E5556
464B4D
3D4243
34383A
2C2F30
232626
1A1C1D
111313
09090A
000000
FFFFFF
ECEDED
D9DADA
C6C8C8
B3B5B6
A0A3A4
8D9191
7A7E7F
676C6D
54595A
414748
3B4041
34393A
2E3232
272B2B
212424
1A1C1D
131516
0D0E0E
060707
000000
FFFFFF
EAEAEA
D5D5D6
BFC1C1
AAACAC
959798
808283
6B6D6E
555959
404445
2B2F30
272A2B
222626
1E2122
1A1C1D
161818
111313
0D0E0E
09090A
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9BABA
A2A3A3
8B8C8C
737474
5C5D5D
454646
2D2F2F
161818
141616
121313
0F1111
0D0E0E
0B0C0C
090A0A
070707
040505
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