Tropical Turquoise
#04cdff
Softer, cooler cyan-teal for calmer UI accents
About Tropical Turquoise
A fresh splash of Tropical Turquoise reads like ocean light caught in midair. It's lighter and airier than Thor's Thunder, but it never washes out into the near-glow territory those more pale blues fall into. Compared with Neon Blue, it's less tube-like and less sharp-corner electric, with a calmer, sea-breeze cool.
Where I actually notice the difference is in UI balance: Tropical Turquoise gives you that eye-catching but controlled cyan without the almost-violet edge you can sometimes get from Neon Blue on deep blues, and it's far less bluntly cyan than Capri. I use it for dashboards and product settings where section headers, chart highlights, and selection strokes need clarity on dark or mid-tone surfaces. It also shows up well in healthcare and consumer SaaS screens when the accent needs to feel clean and friendly, not frantic.
Pair it with charcoals and soft grays, and if your display runs cool, keep an eye on how it leans toward sea-glass serenity rather than going fully neon.
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.
Similar colors
Create a gradient with Tropical Turquoise
Open the generator with this color pre-loaded.
Start creating