Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/f8f4de-f8f5e1-f9f6e4-faf7e7-faf8eb-fbf9ee-fcfaf1-fcfbf5-fdfcf8-fefdfb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: F8F4DE
RGB: 248,244,222
Hex: F8F5E1
RGB: 248,245,225
Hex: F9F6E4
RGB: 249,246,228
Hex: FAF7E7
RGB: 250,247,231
Hex: FAF8EB
RGB: 250,248,235
Hex: FBF9EE
RGB: 251,249,238
Hex: FCFAF1
RGB: 252,250,241
Hex: FCFBF5
RGB: 252,251,245
Hex: FDFCF8
RGB: 253,252,248
Hex: FEFDFB
RGB: 254,253,251
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
FEFEFC
FEFDF8
FDFCF5
FCFBF2
FCFAEF
FBF8EB
FAF7E8
F9F6E5
F9F5E1
F8F4DE
DFDCC8
C6C3B2
AEAB9B
959285
7C7A6F
636259
4A4943
32312C
191816
000000
FFFFFF
FEFEFC
FEFDF9
FDFCF6
FCFBF3
FCFAF0
FBF9ED
FAF8EA
F9F7E7
F9F6E4
F8F5E1
DFDDCB
C6C4B4
AEAC9E
959387
7C7B71
63625A
4A4943
32312D
191816
000000
FFFFFF
FEFEFC
FEFDFA
FDFCF7
FDFBF4
FCFBF2
FBFAEF
FBF9EC
FAF8E9
FAF7E7
F9F6E4
E0DDCD
C7C5B6
AEACA0
959489
7D7B72
64625B
4B4A44
32312E
191917
000000
FFFFFF
FFFEFD
FEFDFA
FEFDF8
FDFCF5
FDFBF3
FCFAF1
FCF9EE
FBF9EC
FBF8E9
FAF7E7
E1DED0
C8C6B9
AFADA2
96948B
7D7C74
64635C
4B4A45
32312E
191917
000000
FFFFFF
FFFEFD
FEFEFB
FEFDF9
FDFCF7
FDFCF5
FCFBF3
FCFAF1
FBF9EF
FBF9ED
FAF8EB
E1DFD4
C8C6BC
AFAEA5
96958D
7D7C76
64635E
4B4A46
32322F
191917
000000
FFFFFF
FFFEFD
FEFEFC
FEFDFA
FDFDF8
FDFCF7
FDFBF5
FCFBF3
FCFAF1
FBFAF0
FBF9EE
E2E0D6
C9C7BE
B0AEA7
97958F
7E7D77
64645F
4B4B47
323230
191918
000000
FFFFFF
FFFFFE
FEFEFC
FEFEFB
FEFDF9
FEFDF8
FDFCF7
FDFCF5
FDFBF4
FCFBF2
FCFAF1
E3E1D9
CAC8C1
B0AFA9
979691
7E7D79
656460
4C4B48
323230
191918
000000
FFFFFF
FFFFFE
FEFEFD
FEFEFC
FEFDFB
FEFDFA
FDFDF9
FDFCF8
FDFCF7
FCFBF6
FCFBF5
E3E2DD
CAC9C4
B0B0AC
979793
7E7E7B
656462
4C4B49
323231
191918
000000
FFFFFF
FFFFFE
FFFEFE
FEFEFD
FEFEFC
FEFEFC
FEFDFB
FEFDFA
FDFDF9
FDFCF9
FDFCF8
E4E3DF
CACAC6
B1B0AE
989795
7F7E7C
656563
4C4C4A
333232
191919
000000
FFFFFF
FFFFFF
FFFFFE
FFFEFE
FFFEFD
FFFEFD
FEFEFD
FEFEFC
FEFDFC
FEFDFB
FEFDFB
E5E4E2
CBCAC9
B2B1B0
989897
7F7F7E
666564
4C4C4B
333332
191919
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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