Pearl Green
#377b70
Softer, cooler pearl teal for restrained accents
About Pearl Green
Pearl Green looks like a teal that's been softened by a thin veil of mint, then slightly darkened. Compared to Green Sleeves, it doesn't feel warm enough to land in that blue-green handshake, and compared to Ivy or Majorelle Gardens, it carries a calmer, more muted bite instead of sitting cooler and more focused.
On screens, Pearl Green reads as medium-light and moderately saturated, with a balanced undertone that stays green-forward without turning mossy. I've used it for health portals and HR systems where you want clear primary actions and steady status chips, but not the weightier authority you get from deeper teals. It also works well in mapping and logistics views for secondary highlights that should stand out from white layouts without looking clinical.
Pair it with crisp off-whites and softer grays. If you put it next to very icy blues, it can start to look a touch subdued, so let your text and borders do the contrast work.
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.
