Color Palettes

Porcelain color

A smooth, slightly warm white inspired by fine porcelain dishes and vases. It reads clean and elegant, ideal for bathrooms, kitchens, bridal fashion and skincare branding.

Also known as: Porcelain white.

Open in editor

The hex code for porcelain is #F4F1EA. In RGB it is rgb(244, 241, 234), in HSL hsl(42, 31%, 94%) and in CMYK 0, 1, 4, 4.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to porcelain

Alabaster#EDEAE0Chalk white#EDEAE0Linen#FAF0E6Seashell#FFF5EEOff-white#FAF9F6Floral white#FFFAF0

About porcelain

Porcelain (#F4F1EA) is a warm, light, moderately saturated color. It belongs to the whites family. It mixes 244 red, 241 green and 234 blue (out of 255). It is mostly used in kitchens, weddings, branding.

Swatch of Porcelain with its shades from light to dark · #F4F1EA
Porcelain · #F4F1EA

Porcelain shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Porcelain outfits: palettes by season

Outfit palettes with porcelain or a very close shade, each with 8 outfits to copy.

Quiet luxurySummer · MenQuiet luxuryWinter · MenMountainWinter · MenQuiet luxurySpring · MenMinimalistSpring · MenMinimalistSummer · MenBohoFall · MenQuiet luxuryFall · Men

Porcelain color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Alice blue
Analogous
TriadicClose to: Mint cream, Magnolia
Split complementaryClose to: White smoke, Magnolia
TetradicClose to: Mint cream, Alice blue, Lavender blush

Porcelain color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Porcelain
Analogous palette · Porcelain
Complementary palette · Porcelain
Triadic palette · Porcelain
With neutrals palette · Porcelain
With an accent palette · Porcelain

Porcelain contrast with text

White textContrast 1.1:1 · Not recommended
Black textContrast 18.6:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --porcelain: #F4F1EA;
  --porcelain-rgb: 244, 241, 234;
}
.bg { background-color: var(--porcelain); }
.text { color: var(--porcelain); }

Colors similar to porcelain

White smokeCotton whiteOld laceSnow white

Where you'll see this color

ChipotleBrandsNebraska CornhuskersTeam colors

Themed palettes with this color

Wedding color palettesBaptism color palettesBirthday color palettesBaby shower color palettesQuinceañera color palettesGraduation color palettes

More whites

WhiteIvoryCreamBoneOff-whiteSnow whitePearlAlabasterLinenWhite smokeVanillaEggshellAntique whiteEcruFloral whiteOld laceMagnoliaMint creamHoneydewWarm whiteOyster whiteChalk whiteSeashellGhost white
Swatch of Porcelain with its shades from light to dark · #F4F1EA
Swatch of Porcelain with its shades from light to dark · #F4F1EA

Try this next

Name color paletteType a name and get your own color story paletteColor TowerThe color palette game: stack blocks in a gradientSelfie color analysisFind your season and best colors from one photo
See all free tools →

Frequently asked questions

What is the hex code for porcelain?

The hex code for porcelain is #F4F1EA. In RGB it is rgb(244, 241, 234), in HSL hsl(42, 31%, 94%) and in CMYK 0, 1, 4, 4.

What is the complementary color of porcelain?

Its complement on the color wheel is #EAEDF4, close to alice blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on porcelain?

Use black text instead: the contrast with white is only 1.1:1, while with black it is 18.6:1.