Poblano
#077f1b
Earthy midtone poblano green for grounded UI depth
About Poblano
Poblano reads like a pepper stain that's been left to deepen in the light. It's not the loud, stop-sign punch of Hulk, and it doesn't drift earthy the way Asian Spice does. Instead, it lands in the sweet spot between both: a medium-dark green with a cleaner, more focused undertone, leaning a touch cooler so it feels controlled, not tired.
I use it when I need green that still feels "live" on-screen without turning into the wet-clover softness of Lucky Clover. You'll see it in green status chips for logistics platforms, plant and warehouse operational dashboards, and monitoring UIs for manufacturing where callouts sit next to grays and charts. It also holds up in product photography accents and CMS tiles when the rest of the page is busy.
Pair it with off-whites or charcoal, and watch warm creams, which can pull it toward a more yellowish cast fast. If you need that darker, more muted authority of Asian Spice, go there. Poblano is for the moment you still want clarity, not disappearance.
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.