Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/fff3f7-e5dade-ccc2c5-b2aaac-999194-7f797b-666162-4c484a-333031-191818-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FFF3F7
RGB: 255,243,247
Hex: E5DADE
RGB: 229,218,222
Hex: CCC2C5
RGB: 204,194,197
Hex: B2AAAC
RGB: 178,170,172
Hex: 999194
RGB: 153,145,148
Hex: 7F797B
RGB: 127,121,123
Hex: 666162
RGB: 102,97,98
Hex: 4C484A
RGB: 76,72,74
Hex: 333031
RGB: 51,48,49
Hex: 191818
RGB: 25,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
FFFEFE
FFFDFD
FFFBFD
FFFAFC
FFF9FB
FFF8FA
FFF7F9
FFF5F9
FFF4F8
FFF3F7
E6DBDE
CCC2C6
B3AAAD
999294
807A7C
666163
4C494A
333131
191819
000000
FFFFFF
FCFBFC
FAF8F8
F7F4F5
F5F0F2
F2EDEF
EFE9EB
EDE5E8
EAE1E5
E8DEE1
E5DADE
CEC4C8
B7AEB2
A0999B
898385
736D6F
5C5759
454143
2E2C2C
171616
000000
FFFFFF
FAF9F9
F5F3F3
F0EDEE
EBE7E8
E6E1E2
E0DADC
DBD4D6
D6CED1
D1C8CB
CCC2C5
B8AFB1
A39B9E
8F888A
7A7476
666163
524E4F
3D3A3B
292727
141314
000000
FFFFFF
F7F7F7
F0EEEE
E8E6E6
E0DDDE
D9D5D6
D1CCCD
C9C4C5
C1BBBD
BAB3B4
B2AAAC
A0999B
8E888A
7D7778
6B6667
595556
474445
353334
242222
121111
000000
FFFFFF
F5F4F4
EBE9EA
E0DEDF
D6D3D4
CCC8CA
C2BDBF
B8B2B4
ADA7A9
A39C9F
999194
8A8385
7A7476
6B6668
5C5759
4D494A
3D3A3B
2E2B2C
1F1D1E
0F0E0F
000000
FFFFFF
F2F2F2
E5E4E5
D9D7D7
CCC9CA
BFBCBD
B2AFB0
A5A1A3
999495
8C8688
7F797B
726D6F
666162
595556
4C494A
403D3E
333031
262425
191819
0D0C0C
000000
FFFFFF
F0EFEF
E0DFE0
D1D0D0
C2C0C0
B3B0B1
A3A0A1
949091
858181
757172
666162
5C5758
524E4E
474445
3D3A3B
333131
292727
1F1D1D
141314
0A0A0A
000000
FFFFFF
EDEDED
DBDADB
C9C8C9
B7B6B7
A6A4A5
949192
827F80
706D6E
5E5A5C
4C484A
444143
3D3A3B
353234
2E2B2C
262425
1E1D1E
171616
0F0E0F
080707
000000
FFFFFF
EBEAEA
D6D6D6
C2C1C1
ADACAD
999898
858383
706E6F
5C595A
474546
333031
2E2B2C
292627
242222
1F1D1D
1A1819
141314
0F0E0F
0A0A0A
050505
000000
FFFFFF
E8E8E8
D1D1D1
BABABA
A3A3A3
8C8C8C
757474
5E5D5D
474646
302F2F
191818
171616
141313
121111
0F0E0E
0D0C0C
0A0A0A
070707
050505
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