Quiche Lorraine

#fed56f

Save

About Quiche Lorraine

Quiche Lorraine looks like the moment custard meets crust and turns buttery, not candy-sweet. It's warmer than pale creams but less golden-shiny than Golden Coin, so it reads more like baked filling than coinage. Compared to Crème Pâtissière, it's lighter and a bit less dense, with a gentler yellow that won't claw for attention. And next to Cantaloupe, it holds more pigment weight and feels steadier, less airy.

I reach for Quiche Lorraine in food platforms, bakery sites, and hospitality interfaces when you want a sunny background that still feels cooked through. It's especially good behind recipe cards, hero modules for brunch menus, and section headers where the Green brand needs warmth without sliding into orange. Pair it with sage and deep teals for contrast that feels grounded, then let dark gray typography do the heavy lifting.

Quick quirk: if your layout already uses a very warm beige, Quiche Lorraine can start to blend. In that case, push contrast with a slightly cooler green or charcoal.

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 Quiche Lorraine

Open the generator with this color pre-loaded.

Start creating