Mimosa
#f5e9d5
Mellow yellow-beige gray for warm, low-contrast UI
About Mimosa
Mimosa looks like the moment a beige paper bag dries out: light, creamy-tan, but with a softer, slightly gray-sand cast. It never gets as warm and inviting as "A Smell of Bakery," and it doesn't sink into the heavier, more committed beige of Fusilli. If Creamy is almost blank-canvas, Mimosa keeps a faint, grounded texture in the background without turning into cream.
I like it behind typography-heavy screens where you want warmth to feel present, not loud. It's a strong fit for publishing layouts, SaaS settings, and content libraries that need long-form comfort without drifting into dated parchment. Pair it with crisp neutrals for UI chrome and let photography stay natural, since this shade stays calm next to both warm and cool dark text.
Quirk to watch: it's sensitive to temperature shifts, but in a different way than Creamy. On warmer displays it leans more honey-tan; on cooler ones it reads a touch more gray-sand. Check your target screens before you lock the layout.
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.