Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/e3e7d1-cccfbc-b5b8a7-9ea192-888a7d-717368-5a5c53-44453e-2d2e29-161714-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: E3E7D1
RGB: 227,231,209
Hex: CCCFBC
RGB: 204,207,188
Hex: B5B8A7
RGB: 181,184,167
Hex: 9EA192
RGB: 158,161,146
Hex: 888A7D
RGB: 136,138,125
Hex: 717368
RGB: 113,115,104
Hex: 5A5C53
RGB: 90,92,83
Hex: 44453E
RGB: 68,69,62
Hex: 2D2E29
RGB: 45,46,41
Hex: 161714
RGB: 22,23,20
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
FCFDFA
F9FAF6
F7F8F1
F4F5ED
F1F3E8
EEF1E3
EBEEDF
E9ECDA
E6E9D6
E3E7D1
CCD0BC
B6B9A7
9FA292
888B7D
727469
5B5C54
44453F
2D2E2A
171715
000000
FFFFFF
FAFAF8
F5F5F2
F0F1EB
EBECE4
E6E7DE
E0E2D7
DBDDD0
D6D9C9
D1D4C3
CCCFBC
B8BAA9
A3A696
8F9184
7A7C71
66685E
52534B
3D3E38
292926
141513
000000
FFFFFF
F8F8F6
F0F1ED
E9EAE5
E1E3DC
DADCD3
D3D4CA
CBCDC1
C4C6B9
BCBFB0
B5B8A7
A3A696
919386
7F8175
6D6E64
5B5C54
484A43
363732
242521
121211
000000
FFFFFF
F5F6F4
ECECE9
E2E3DE
D8D9D3
CFD0C9
C5C7BE
BBBDB3
B1B4A8
A8AA9D
9EA192
8E9183
7E8175
6F7166
5F6158
4F5149
3F403A
2F302C
20201D
10100F
000000
FFFFFF
F3F3F2
E7E8E5
DBDCD8
CFD0CB
C4C5BE
B8B9B1
ACADA4
A0A197
94968A
888A7D
7A7C71
6D6E64
5F6158
52534B
44453F
363732
292925
1B1C19
0E0E0C
000000
FFFFFF
F1F1F0
E3E3E1
D4D5D2
C6C7C3
B8B9B4
AAABA4
9C9D95
8D8F86
7F8177
717368
66685E
5A5C53
4F5149
44453E
393A34
2D2E2A
22221F
171715
0B0B0A
000000
FFFFFF
EFEFEE
DEDEDD
CECECB
BDBEBA
ADAEA9
9C9D98
8C8D87
7B7D75
6B6C64
5A5C53
51534B
484A42
3F403A
363732
2D2E2A
242521
1B1C19
121211
090908
000000
FFFFFF
ECECEC
DADAD8
C7C7C5
B4B5B2
A2A29F
8F8F8B
7C7D78
696A65
575851
44453E
3D3E38
363732
30302B
292925
22231F
1B1C19
141513
0E0E0C
070706
000000
FFFFFF
EAEAEA
D5D5D4
C0C0BF
ABABA9
969794
81827F
6C6D69
575854
42433E
2D2E29
292925
242521
1F201D
1B1C19
171715
121210
0D0E0C
090908
040504
000000
FFFFFF
E8E8E8
D0D1D0
B9B9B9
A2A2A1
8B8B8A
737472
5C5D5B
454543
2D2E2C
161714
141512
121210
0F100E
0D0E0C
0B0C0A
090908
070706
040504
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