Highlands
#449084
High-mounted blue-teal for airy, modern sections
About Highlands
On my monitor, Highlands looks like a calm sheet of mountain air over glass. It's clearly blue-green, but it doesn't feel teal-sharp or green-warm, it lands in between with a steadier, slightly more muted presence. Compared to Java, it's less electric and less cyan-leaning, more settled in tone. Compared to Green Dynasty and Go Go Green, it avoids that greener lift and stays closer to blue without turning icy.
I use Highlands when I want the interface to feel composed, not clinical. It's great for SaaS dashboards and health platforms where you need blue family trust with a softer temperature, especially for section headers, secondary buttons, and chart series that shouldn't shout. It also holds up well in productivity tools, where hover states and selection rings need to look intentional without becoming the loudest thing on the page, that the one you reach for when accents start to feel too demanding.
Pair it with charcoal text and cool grays, and keep an eye on saturation if your UI assets were tuned for the brighter teals in this set.
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.