Kelp Forest
#448811
Muted balanced green for calm, readable panels
About Kelp Forest
On a field map, Kelp Forest reads like deep waterweed under a cloudy sky. It's not the mossy, slightly ochre grounding of La Palma, and it's not the earthy warmth of Avocado. Compared to Overgrown Mausoleum, this one stays a touch cleaner and more saturated, with less of that long-shade mineral weight.
The temperature is the giveaway: Kelp Forest leans cool-green and stays moderately light, so it doesn't collapse into gray, but it also doesn't "new growth" pop. I use it for crop health layers, irrigation status tags, and greenhouse staging screens where you want leafy presence without turning the UI into a bright accent. It's strong for field-worker callouts and dashboards and finance apps style panels that need vegetation to feel controlled, not playful.
Pair it with soft off-whites or pale gray-greens; against warm beiges, the cool undertone can start to look a little too crisp.
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.