Paradise Island
#5aa7a0
Lighter, more blue-leaning teal for airy UI panels
About Paradise Island
Paradise Island reads like a teal-tinted sea you'd spot in full daylight, but with the glare dialed down. It's lighter than Emerald Oasis and it holds onto saturation more evenly than Jewel Weed, so it feels open and breathable without turning gray-green. Compared to Ambrosial Oceanside, it's not as deep or punchy. The result is a calmer, more air-forward shade that stays readable instead of demanding the first glance.
I'd use it for secondary surfaces and soft highlights in dashboards and finance apps, especially where you want state changes and emphasis without pushing into the cyan aggression of deeper teals. Think selected filters, card headers, and key chart bands in health platforms and SaaS analytics screens. The one you reach for when you need a teal that feels present but doesn't steal contrast from your data.
Quirk: on very warm paper-like whites, it can lean slightly more minty than you expect, so sanity-check it against your actual neutral palette before you lock the theme.
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.
