Emerald vs Green: Refined vs Natural Greens
Compare Tailwind's emerald and green for premium versus organic design choices.
Emerald
#10b981
Cool, blue-green
Green
#22c55e
Warm, true green
Side-by-Side Comparison
| Aspect | Emerald | Green |
|---|---|---|
| Undertone | Blue-shifted, sophisticated | Yellow-shifted, organic |
| Mood | Refined, prosperous, premium | Natural, friendly, optimistic |
| Pairs well with | Slate, teal, blue | Lime, amber, stone |
| Use case | Banking apps, investment tools | Farming, success messages, nature |
| Best For | Financial dashboards, premium brands | Success states, eco messaging |
Our Recommendation
Emerald for financial and premium contexts. Green for natural, everyday success indicators.
Tailwind Classes
Emerald
Background: bg-emerald-500
Text: text-emerald-500
Border: border-emerald-500
Green
Background: bg-green-500
Text: text-green-500
Border: border-green-500
#greens#emerald#green#comparison