Emerald Oasis
#67a195
Soft teal-green midpoint for balanced, modern panels
About Emerald Oasis
Emerald Oasis is what happens when you pull a teal back from saturation without losing what makes it read as teal. It sits lighter and noticeably more muted than Billiard or Ambrosial Oceanside, there's a softness here that feels intentional, not washed out. The green undertone is stronger than Atlas Cedar, which tilts slightly cooler. This isn't a color trying to punch; it's one that settles into a layout and actually stays there.
Use it for secondary surfaces, card backgrounds, and accent elements in health apps, SaaS dashboards, and fintech products where you need breathing room between the interface and your content. It works as a softer alternative to more saturated teals when your primary surface is already demanding attention. Pairs cleanly with mid-tone type without the contrast fatigue that comes with deeper teals, and it reads warm enough on neutral backgrounds that it doesn't feel clinical.
On cooler monitors it'll push slightly greener, lean into that. The desaturation means it's forgiving with your background palette, which makes it easier to integrate without the early testing Atlas Cedar requires. Pair it with charcoal or mid-gray type for the sharpest read.
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.