Hole in One
#4aae97
Bright, light aqua-teal with crisp, airy blue lean
About Hole in One
Picture a polished training ball on a bright course floor. Hole in One has that same buoyant clarity, but it's not the deeper punch of Ambrosial Oceanside, and it isn't as friendly and pale as Electra. Compared to Billiard's lively teal snap, this one feels a touch more restrained and balanced, with a calmer green-lean that keeps it from turning cyan-aggressive.
I use Hole in One when I need a minty-teal that reads crisp on light UI without looking washed out. It's great for dashboards and finance apps where the accent has to stay legible over busy charts, and it works well on fintech and health product surfaces like hover states, primary action highlights, and data emphasis lines. It's also my go-to for the one you reach for when a UI needs "active" energy but doesn't want the heavier presence of the deeper neighbors. Green-leaning undertone keeps it from drifting too cool or clinical.
One note: on very warm off-whites, it can look slightly more mint than teal, so I'd test it against your exact background grays before committing.
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.