Sereni Teal
#76baa8
Softer, midtone blue-green for balanced panels
About Sereni Teal
On my monitor, Sereni Teal reads like a softer window into the same room as Mintnight, but with more blue in the undertone and less of that early-sun "screen glow" feel. It's lighter and more relaxed than Celadon Porcelain, yet it doesn't drift toward the fresher, leafier clarity you get with Spearmint. The saturation sits in a steadier middle lane, so it shows presence without turning pushy.
I use Sereni Teal when the UI needs a calm, coastal confidence for patient portals, telehealth scheduling, and lab result cards. It works especially well for secondary panels, section headers, and focused highlights in health dashboards where you want "steady and clear," not Mintnight's cooler haze. Pair it with clean dark charcoal type and soft blue-gray dividers so it stays readable while other accents can do the talking.
Quick quirk: because it's bluer than Celadon but not as mint-forward as Spearmint, it can look slightly more formal on very warm photography. If that happens, cool the surrounding neutrals by a touch and it usually settles in.
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.