Tropical Rainforest
#00755e
Deep, saturated rainforest teal for content panels
About Tropical Rainforest
Tropical Rainforest looks like teal that stayed outside just a little too long. It's a deeper, richer blue-green than the calmer blues nearby, with a softer, more saturated pull that feels lush instead of moss-dark. Compared to Nordic Forest, it's less restrained and not as canopy-cool. Compared to Majorelle Gardens, it has more color density and less garden-shade softness. And versus Green Sleeves, it refuses to go notably warm-read; it stays cool-green tinted, even when the UI around it is bright.
I use Tropical Rainforest for dashboards and logistics maps where you need a strong primary without turning the whole screen severe. It also works well for data-heavy admin panels and product settings in media and tech, especially for toggles, state indicators, and active links on near-white surfaces. It's the one you reach for when you want hierarchy that feels alive, not clinical, and more saturated than Nordic Forest so emphasis doesn't fade.
Pair it with clean off-whites and muted slate grays; if you stack it next to very minty teals, the contrast can start to look separated rather than integrated.
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 Tropical Rainforest
Open the generator with this color pre-loaded.
Start creating