Terrestrial
#276757
Deeper earthy blue-green grounding dense UI panels
About Terrestrial
Picture a wet footpath after rain, where the blue-green haze has been pulled down into the ground. Terrestrial sits mid-depth like a soaked teal, but it's less leaf-stained than Philodendron and less seaweed-leaning than June Ivy. It also feels more grounded than Iridescent, which has that restless, slightly shimmery bite. Terrestrial's undertone reads greener and heavier, with calmer saturation and a steadier, earthward temperature.
I use it when the UI needs blue family trust without the sharper cool edge. In dashboards and finance apps, it makes section rules, secondary buttons, and quieter data highlights feel composed, not icy. In healthcare and logistics workflows, it works well for status outlines and table emphasis when you want separation over neutrals but not the punchy assertiveness that deeper blues bring.
Quirk: because it's greener than the nearby teals, it can make very warm backgrounds look a little more yellow. Pair it with clean slate grays or cool off-whites for the most neutral read.
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.