Sereni Teal

#76baa8

Softer, midtone blue-green for balanced panels

Save
Share

About Sereni Teal

On my monitor, Sereni Teal reads like a softer window into the same room as , but with more blue in the undertone and less of that early-sun "screen glow" feel. It's lighter and more relaxed than , yet it doesn't drift toward the fresher, leafier clarity you get with . 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 '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 but not as mint-forward as , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.24:1Fail

On Gray 100 #f5f5f5

Aa
2.06:1Fail

On Gray 900 #18181b

Aa
7.90:1AAA

On Black #000000

Aa
9.36:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#7cbbae
#7db39e
#64bfa4
#8ebaa6
#85c2b2

Create a gradient with Sereni Teal

Open the generator with this color pre-loaded.

Start creating