Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/e4ece7-cdd4cf-b6bcb8-9fa5a1-888d8a-727673-5b5e5c-444645-2d2f2e-161717-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: E4ECE7
RGB: 228,236,231
Hex: CDD4CF
RGB: 205,212,207
Hex: B6BCB8
RGB: 182,188,184
Hex: 9FA5A1
RGB: 159,165,161
Hex: 888D8A
RGB: 136,141,138
Hex: 727673
RGB: 114,118,115
Hex: 5B5E5C
RGB: 91,94,92
Hex: 444645
RGB: 68,70,69
Hex: 2D2F2E
RGB: 45,47,46
Hex: 161717
RGB: 22,23,23
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
FCFDFD
FAFBFA
F7F9F8
F4F7F5
F2F6F3
EFF4F1
ECF2EE
E9F0EC
E7EEE9
E4ECE7
CDD4D0
B6BDB9
A0A5A2
898E8B
727674
5B5E5C
444745
2E2F2E
171817
000000
FFFFFF
FAFBFA
F5F6F5
F0F2F1
EBEEEC
E6EAE7
E1E5E2
DCE1DD
D7DDD9
D2D8D4
CDD4CF
B9BFBA
A4AAA6
909491
7B7F7C
676A68
525553
3D403E
292A29
141515
000000
FFFFFF
F8F8F8
F0F2F1
E9EBEA
E2E4E3
DBDEDC
D3D7D4
CCD0CD
C5C9C6
BDC3BF
B6BCB8
A4A9A6
929693
7F8481
6D716E
5B5E5C
494B4A
373837
242625
121312
000000
FFFFFF
F5F6F6
ECEDEC
E2E4E3
D9DBD9
CFD2D0
C5C9C7
BCC0BD
B2B7B4
A9AEAA
9FA5A1
8F9591
7F8481
6F7371
5F6361
505351
404240
303130
202120
101010
000000
FFFFFF
F3F4F3
E7E8E8
DBDDDC
CFD1D0
C4C6C5
B8BBB9
ACAFAD
A0A4A1
949896
888D8A
7A7F7C
6D716E
5F6361
525553
444745
363837
292A29
1B1C1C
0E0E0E
000000
FFFFFF
F1F1F1
E3E4E3
D5D6D5
C7C8C7
B9BBB9
AAADAB
9C9F9D
8E918F
808481
727673
676A68
5B5E5C
505351
444745
393B3A
2E2F2E
222322
171817
0B0C0B
000000
FFFFFF
EFEFEF
DEDFDE
CECFCE
BDBFBE
ADAFAE
9D9E9D
8C8E8D
7C7E7D
6B6E6C
5B5E5C
525553
494B4A
404240
373837
2E2F2E
242625
1B1C1C
121312
090909
000000
FFFFFF
ECEDEC
DADADA
C7C8C7
B4B5B5
A2A3A2
8F908F
7C7E7D
696B6A
575958
444645
3D3F3E
363837
303130
292A29
222323
1B1C1C
141515
0E0E0E
070707
000000
FFFFFF
EAEAEA
D5D5D5
C0C1C0
ABACAB
969797
818282
6C6D6D
575958
424443
2D2F2E
292A29
242625
1F2120
1B1C1C
171817
121312
0D0E0E
090909
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9B9B9
A2A2A2
8B8B8B
737474
5C5D5D
454545
2D2E2E
161717
141515
121212
0F1010
0D0E0E
0B0C0C
090909
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