Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/e4f0fc-cdd8e2-b6c0c9-9fa8b0-889097-72787e-5b6064-44484b-2d3032-161819-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: E4F0FC
RGB: 228,240,252
Hex: CDD8E2
RGB: 205,216,226
Hex: B6C0C9
RGB: 182,192,201
Hex: 9FA8B0
RGB: 159,168,176
Hex: 889097
RGB: 136,144,151
Hex: 72787E
RGB: 114,120,126
Hex: 5B6064
RGB: 91,96,100
Hex: 44484B
RGB: 68,72,75
Hex: 2D3032
RGB: 45,48,50
Hex: 161819
RGB: 22,24,25
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
FCFEFF
FAFCFE
F7FBFE
F4F9FE
F2F8FE
EFF6FD
ECF5FD
E9F3FD
E7F2FC
E4F0FC
CDD8E3
B6C0CA
A0A8B0
899097
72787E
5B6065
44484C
2E3032
171819
000000
FFFFFF
FAFBFC
F5F7F9
F0F3F6
EBEFF3
E6ECF1
E1E8EE
DCE4EB
D7E0E8
D2DCE5
CDD8E2
B9C2CB
A4ADB5
90979E
7B8288
676C71
52565A
3D4144
292B2D
141617
000000
FFFFFF
F8F9FA
F0F2F4
E9ECEF
E2E6E9
DBE0E4
D3D9DF
CCD3D9
C5CDD4
BDC6CE
B6C0C9
A4ADB5
929AA1
7F868D
6D7379
5B6065
494D50
373A3C
242628
121314
000000
FFFFFF
F5F6F7
ECEEEF
E2E5E7
D9DCDF
CFD4D8
C5CBD0
BCC2C8
B2B9C0
A9B1B8
9FA8B0
8F979E
7F868D
6F767B
5F656A
505458
404346
303235
202223
101112
000000
FFFFFF
F3F4F5
E7E9EA
DBDEE0
CFD3D5
C4C8CB
B8BCC1
ACB1B6
A0A6AC
949BA1
889097
7A8288
6D7379
5F656A
52565B
44484C
363A3C
292B2D
1B1D1E
0E0E0F
000000
FFFFFF
F1F2F2
E3E4E5
D5D7D8
C7C9CB
B9BCBF
AAAEB2
9CA1A5
8E9398
80868B
72787E
676C71
5B6065
505458
44484C
393C3F
2E3032
222426
171819
0B0C0D
000000
FFFFFF
EFEFF0
DEDFE0
CECFD1
BDBFC1
ADB0B2
9DA0A2
8C9093
7C8083
6B7074
5B6064
52565A
494D50
404346
373A3C
2E3032
242628
1B1D1E
121314
090A0A
000000
FFFFFF
ECEDED
DADADB
C7C8C9
B4B6B7
A2A4A5
8F9193
7C7F81
696D6F
575A5D
44484B
3D4144
363A3C
303235
292B2D
222426
1B1D1E
141616
0E0E0F
070707
000000
FFFFFF
EAEAEB
D5D6D6
C0C1C2
ABACAD
969899
818384
6C6E70
57595B
424547
2D3032
292B2D
242628
1F2223
1B1D1E
171819
121314
0D0E0F
090A0A
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9BABA
A2A3A3
8B8C8C
737475
5C5D5E
454647
2D2F30
161819
141617
121314
0F1112
0D0E0F
0B0C0D
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