Mintnight
#7cbbae
Cooler, deeper sea-mint for crisp blue sections
About Mintnight
Mintnight looks like the calm minty haze you see on a screen just after sunrise, when the green-blue glow is still there but the edge has softened. Compared to Celadon Porcelain, it goes bluer and cools down more, with less of that muted leaf-gray drift. And against Beau Monde, it keeps its steadier tone instead of tipping warmer or punching harder.
I use Mintnight for primary-to-secondary transitions in health dashboards, wearable companion apps, and telehealth portals where you want the interface to feel fresh without stealing focus. It's great for card headers, quiet charts, and active states that need to read as "in control" rather than "on fire." Pair it with crisp charcoal type and cooler, low-contrast divider grays for a UI that stays legible across dense layouts.
One quirk: because it's slightly more saturated than the gentler Celadon range but cooler than Beau Monde, it can feel a touch "device-like" on very warm backgrounds. If that happens, cool your supporting neutrals by a step so Mintnight stays the anchor.
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.
