Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/e1eaf7-cad2de-b4bbc5-9da3ac-878c94-70757b-5a5d62-43464a-2d2e31-161718-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: E1EAF7
RGB: 225,234,247
Hex: CAD2DE
RGB: 202,210,222
Hex: B4BBC5
RGB: 180,187,197
Hex: 9DA3AC
RGB: 157,163,172
Hex: 878C94
RGB: 135,140,148
Hex: 70757B
RGB: 112,117,123
Hex: 5A5D62
RGB: 90,93,98
Hex: 43464A
RGB: 67,70,74
Hex: 2D2E31
RGB: 45,46,49
Hex: 161718
RGB: 22,23,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
FCFDFE
F9FBFD
F6F9FD
F3F7FC
F0F5FB
EDF2FA
EAF0F9
E7EEF9
E4ECF8
E1EAF7
CBD3DE
B4BBC6
9EA4AD
878C94
71757C
5A5E63
43464A
2D2F31
161719
000000
FFFFFF
FAFBFC
F4F6F8
EFF2F5
EAEDF2
E5E9EF
DFE4EB
DAE0E8
D5DBE5
CFD7E1
CAD2DE
B6BDC8
A2A8B2
8D939B
797E85
65696F
515459
3D3F43
282A2C
141516
000000
FFFFFF
F8F8F9
F0F1F3
E9EBEE
E1E4E8
DADDE2
D2D6DC
CBCFD6
C3C9D1
BCC2CB
B4BBC5
A2A8B1
90969E
7E838A
6C7076
5A5E63
484B4F
36383B
242527
121314
000000
FFFFFF
F5F6F7
EBEDEE
E2E3E6
D8DADE
CED1D6
C4C8CD
BABFC5
B1B5BD
A7ACB4
9DA3AC
8D939B
7E828A
6E7278
5E6267
4F5256
3F4145
2F3134
1F2122
101011
000000
FFFFFF
F3F4F4
E7E8EA
DBDDDF
CFD1D4
C3C6CA
B7BABF
ABAFB4
9FA3A9
93989F
878C94
7A7E85
6C7076
5F6268
515459
44464A
36383B
282A2C
1B1C1E
0D0E0F
000000
FFFFFF
F1F1F2
E2E3E5
D4D6D7
C6C8CA
B8BABD
A9ACB0
9B9EA3
8D9195
7E8388
70757B
65696F
5A5E62
4E5256
43464A
383B3E
2D2F31
222325
161719
0B0C0C
000000
FFFFFF
EFEFEF
DEDFE0
CECED0
BDBEC0
ADAEB1
9C9EA1
8C8E91
7B7D81
6B6D72
5A5D62
515458
484A4E
3F4145
36383B
2D2F31
242527
1B1C1D
121314
09090A
000000
FFFFFF
ECEDED
D9DADB
C7C8C9
B4B5B7
A1A3A5
8E9092
7B7E80
696B6E
56595C
43464A
3C3F43
36383B
2F3134
282A2C
222325
1B1C1E
141516
0D0E0F
070707
000000
FFFFFF
EAEAEA
D5D5D6
C0C0C1
ABABAD
969798
818283
6C6D6F
57585A
424346
2D2E31
29292C
242527
1F2022
1B1C1D
171719
121214
0D0E0F
09090A
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9B9BA
A2A2A3
8B8B8C
737474
5C5D5D
454546
2D2E2F
161718
141516
121213
0F1011
0D0E0E
0B0C0C
09090A
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