Toxic Latte
#e1f8e7
Minty, slightly warmer pale gray for alerts spacing
About Toxic Latte
I first saw Toxic Latte as that "almost neutral" wash on a gray panel that suddenly looks warmer the moment you drop it beside Polar or Frozen Civilization. It reads like a pale gray with a faint, creamy mint tint, but the saturation is low enough that it doesn't feel like an intentional green. The temperature is the tell: it's warmer than the cool pale greens nearby, not cooler and clinical like Frozen Civilization, and not brighter and flatter like Polar.
Where I use it is different too. It's my go-to for light mode UI in healthcare admin screens and customer portals where the background needs to feel soft, a little lived-in, and never frosty. It also works well for editorial modules and product documentation side panels because it keeps body text from getting too chilly. Compared with Bath Bubbles, it has less "alive" green presence, so it doesn't fight with blue icons or secondary links.
One quirk: pair it with true warm whites and it can drift toward a beige-gray. If you want it to stay clearly mint-tinged, keep your whites cool and your accents restrained.
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.