Emerald Oasis

#67a195

Soft teal-green midpoint for balanced, modern panels

Save
Share

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 or , there's a softness here that feels intentional, not washed out. The green undertone is stronger than , 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 requires. Pair it with charcoal or mid-gray type for the sharpest read.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.95:1Fail

On Gray 100 #f5f5f5

Aa
2.71:1Fail

On Gray 900 #18181b

Aa
6.00:1AAAAA Large

On Black #000000

Aa
7.11:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Emerald Oasis

Open the generator with this color pre-loaded.

Start creating