Onsen
#66eebb
Mist-soft onsen teal, calmer than mint aqua
About Onsen
Onsen looks like steam catching the light on a wet tile floor. It's not the "bright splash" kind of aqua, and it's not the darker, more forceful turquoise you feel in heavy UI accents. This one is gentler, higher in lightness, with a balanced green undertone that keeps it calm.
I reach for Onsen when the interface needs a soft cool tone that still reads clearly at a glance. It works well in product interfaces, wellness apps, and hydration or sleep dashboards as a surface color for cards and secondary backgrounds, especially where you want that spa-like signal without the sharper cyan edge that can feel clinical. Versus Aphrodite Aqua and Aquamarine, it gives you presence without their deeper saturation push.
Pair it with off-whites and mid grays rather than stark pure white. Onsen will look a bit less "quiet" on pure white, but it stays consistently serene when the surrounding neutrals have warmth.
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.