Quiche Lorraine

#fed56f

Quiche custard chartreuse, brighter than custard gold-green

Save
Share

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 , 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 , 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 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 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

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.40:1Fail

On Gray 100 #f5f5f5

Aa
1.29:1Fail

On Gray 900 #18181b

Aa
12.62:1AAA

On Black #000000

Aa
14.96:1AAA

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

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Quiche Lorraine

Open the generator with this color pre-loaded.

Start creating