Tropical Forest
#024a43
Lush mid-tone teal for calmer blue-green UI
About Tropical Forest
Tropical Forest looks like someone grabbed a deep forest edge and dragged it toward the waterline. It's noticeably lighter than Botanical Night and not pretending to be black. Compared to Rich Black, the blue in it feels more present and less ink-soaked, with a softer, leafy undertone that reads calmer than both of the darker anchors.
I treat it like a Blue family workhorse when the UI needs depth without that heavy, charcoal mood. It's great for dashboards and finance apps that have to stay readable in long sessions, especially for card surfaces, section headers, and interactive states where you want the color to feel alive but controlled. In product design, it's the one I reach for when Cape Verde's green lean would skew the balance, but you still need more character than a straight blue-dark.
Pair it with clean teals and cool grays. If you drop it beside aggressive cyans or dusty mauves, it starts to look either too wet or too muted fast.
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.