Pie Crust

#f1d99f

Soft pastry yellow-green, calmer than Croissant

Save
Share

About Pie Crust

Pie Crust looks like the inside of a warm, baked crust photographed next to pale green stock paper. Compared to , it's less milky and more dry, with a tighter lightness that feels closer to pastry dough than cream. It also skips 's misty softness; you don't get that foggy green wash. And versus , it's not as clear or awake, staying a touch quieter and more beige-leaning.

I use Pie Crust when the background needs to read light without going yellow, especially in food brands, wellness studios, and small-batch kitchens where the UI or packaging still has to feel grounded. It's great behind product cards and ingredient callouts in e-commerce, and it works for editorial CMS modules where you want soft structure without turning the page into a warm marquee. Pair it with charcoal type and leafier greens for contrast that won't flatten.

Quick note: because it sits dry and beige-forward, too much it can start reading more neutral than green, so keep a green accent nearby.

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.38:1Fail

On Gray 100 #f5f5f5

Aa
1.27:1Fail

On Gray 900 #18181b

Aa
12.79:1AAA

On Black #000000

Aa
15.17: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

#f1dca1
#f4d69a
#efdba7
#ebd999
#f2dea4

Create a gradient with Pie Crust

Open the generator with this color pre-loaded.

Start creating