A study in green
Tailwind Emerald 500
#00B981
- Family
- Green
- L
- 0.695
- C
- 0.151
- H
- 163°
Notes
Tailwind Emerald 500 anchors the framework's emerald ramp at mid-saturation, sitting between Green and Teal in hue. The cooler lean compared to most success greens distinguishes it from the warmer Material green tradition. Common for confirmation states, growth indicators, and primary accents in environmental or wellness products. Against white the body text contrast is borderline at small sizes but comfortable at headline sizes; verify accessibility for fine type. Body text against white passes AA only at sizes 18px and above; smaller text needs the 600 stop or darker.
See your palette on a real UI - coming soon
Preview these shades across buttons, cards, and components in a live interface.
Palette built around Tailwind Emerald 500
Related colors
Frequently asked questions
What is Tailwind Emerald 500?
Tailwind Emerald 500 anchors the framework's emerald ramp at mid-saturation, sitting between Green and Teal in hue. The cooler lean compared to most success greens distinguishes it from the warmer Material green tradition. Its hex code is #00B981.
What are the tints and shades of Tailwind Emerald 500?
uishades builds an 11-step OKLCH ramp for Tailwind Emerald 500 (#00B981) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Tailwind Emerald 500?
Its complementary color is #DB73B6. Triadic partners are #918EF7 and #E8794A; analogous neighbours are #00B7B4 and #77B046.
What are the OKLCH and RGB values of Tailwind Emerald 500?
Tailwind Emerald 500 is #00B981 - OKLCH 0.695 0.151 163°, rgb(0 185 129), in the green family.