Blossom
#fee9d8
Light rosy cream yellow for airy warmth
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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.