Blossom

#fee9d8

Light rosy cream yellow for airy warmth

Save
Share

About Blossom

This is the color you reach for when you need warmth without heat. It's got the softness of a cream or a very pale peach, but warmer than pure white without tipping into orange. You'll notice it immediately next to cooler neutrals, it pulls forward just enough to feel intentional.

It shows up constantly in food and beverage design, especially for bakeries and artisanal product packaging where you want approachable rather than premium. You'll also see it in wellness and beauty interfaces, hospital and clinic apps, and anywhere the goal is "calm but not clinical." It's doing real work in those spaces, soft enough to feel gentle, but structured enough that it doesn't read as washed out.

Pair it with warm grays or muted terracottas and it settles. Pair it with cool type or dark navy and it becomes almost fragile, which isn't always what you want. Test it early if you're using it as a large background; it can feel flat on screen without the right contrast underneath.

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

On Gray 100 #f5f5f5

Aa
1.08:1Fail

On Gray 900 #18181b

Aa
15.07:1AAA

On Black #000000

Aa
17.86: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.

Create a gradient with Blossom

Open the generator with this color pre-loaded.

Start creating