Lagoon
#4b9b93
Softer lagoon teal between Baltic coolness and Java depth
About Lagoon
Lagoon looks like sea glass held up under a bright monitor: blue-green, but with a calmer surface than Baltic and Java. Compared to those, it sits a touch less forward and a bit more balanced, so it feels like it belongs in the layout instead of grabbing the cursor's attention immediately.
For UI, I'd use Lagoon for the in-between moments in dashboards and health apps where you want clarity without the sharper punch of Java or the extra snap of Baltic. It's great for secondary highlights, process steps, and "ready" states in SaaS tables, plus subtle chart accents in fintech screens. It also reads steadier than Emerald Oasis when you need some teal energy, but still less saturated than the more directive neighbors.
Quirk: it can lean slightly more cyan on warmer displays, so pair it with cool grays or deep charcoal text to keep the undertone from drifting.
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.