Pine Scented Lagoon
#066f6c
Balanced teal-mint for calmer, calmer panel headers
About Pine Scented Lagoon
Think of the first breath of pine near a still lagoon at midday: cool, slightly muted, and a touch creamy in the midtones. Pine Scented Lagoon sits brighter than Aqua Obscura without losing its teal-blue bias, and it feels less heavy than Deep Pool Teal. Where those lean darker and more controlled, this one opens up, with a clean green-leaning undertone that stays calm instead of turning into "actual green."
This is the primary-teal-but-softer shade I reach for in dashboards and finance apps when the interface needs to feel anchored, not austere. It works well for primary buttons, active map layers, and key highlights in logistics, field service, and media ops screens, especially when you want the next action to read clearly on white panels.
Quick note: because it's lighter and more open, it pairs best with crisp off-whites and cool grays. With warmer backgrounds it can look a little sleepy, so keep contrast intentional.
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.
Similar colors
Create a gradient with Pine Scented Lagoon
Open the generator with this color pre-loaded.
Start creating