Mother’s Milk

#f7edca

Lighter, calmer green-beige for airy backgrounds

Save
Share

About Mother’s Milk

Picture a glass of warm in morning light, not yellowed, just softly tinted. Mother's sits in the family but reads as cream-first: it's lighter and less saturated than , so it never turns into an off-white that feels faintly yellow. Compared with , it's calmer and less -leaning, and it avoids 's gray softness by staying clean and pale.

I use it for UI backgrounds where you want "freshly made" without competing with photography or product shots. It's a strong pick for recipe sites and ingredient pages, e-commerce category cards, and form panels in healthcare or wellness brands where the cue should be barely there. It also holds up well in dashboards and onboarding screens when your interface needs warmth but not the middle-notice color of Candle in the Wind.

Pair it with deep olive, cocoa, or charcoal so the tint has somewhere to land. On very cool grays, it can flatten, so keep an anchoring darker tone 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.17:1Fail

On Gray 100 #f5f5f5

Aa
1.07:1Fail

On Gray 900 #18181b

Aa
15.12:1AAA

On Black #000000

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

#f5eec6
#f8eaca
#f6eed1
#feedca

Create a gradient with Mother’s Milk

Open the generator with this color pre-loaded.

Start creating