Seaweed
#18d17b
Medium, balanced sea-green for readable statuses and charts
About Seaweed
I keep coming back to Seaweed when the UI needs green that feels alive but not pushy. It's lighter than Envy's Love and more watery, with a yellow-green tilt that makes it read softer than Magical Malachite's mineral calm. Against Shivering Green, it doesn't have that cool, slightly bluish snap. Instead, it sits in the middle, fresher and gentler.
In practice, Seaweed is the shade I use for "in progress" and "ready" states where you want motion without the chart-green intensity. It's great for logistics and field-service apps on buttons, pill filters, and lightweight cards over photos, because it stays legible without feeling heavy. I also like it for retail operations screens where the green needs to look current and friendly, not authoritative.
Pair it with off-white, sand, or soft gray borders. If you put it next to stronger cool greens, it can start to look slightly washed, so keep the contrast crisp in the hierarchy.
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.
