Crème Pâtissière

#fdd77a

Save

About Crème Pâtissière

Crème Pâtissière reads richer than the pale yellows around it, there's actual pigment here, not just cream with a hint of warmth. It's saturated enough to feel like a choice, but still soft enough that it won't overwhelm a layout. Where Beekeeper pulls yellow back to almost nothing and Banana Republic lands in the safe middle, this one tips toward gold without going full caramel.

Use it on food platforms, bakery sites, and hospitality interfaces where you need a background that tastes like something. It pairs well with deeper teals and sage greens, grounds itself against warm grays, and doesn't disappear the way lighter yellows can on off-white. It's the one I reach for when Cheesy Frittata feels too muted but Cornflake feels like overkill.

Test it against your actual content before committing, it's darker than most of its neighbors, so contrast shifts slightly. But paired with natural wood, linen tones, or charcoal type, it settles in like it belongs there.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Crème Pâtissière

Open the generator with this color pre-loaded.

Start creating