Tempered Emerald color palette — #FFF5DA · #B8CE81 · #2D9700 · #005E8F · #1A2200
Built around Kelly Green, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B8CE81): A luminous, balanced green — the color of fresh herbs.
- Kelly Green (#2D9700): A full-bodied, vivid green — the color of new leaves after rain.
- Peacock (#005E8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1A2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Emerald into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Wandering Lagoon Pier color palette (#FAF7D9, #9CD49A, #009566, #006665, #012703)
- Patina Nightshade Harbor color palette (#FFF3E3, #D5C565, #7D8E0F, #553F9C, #241E00)
- Nightshade Studio color palette (#F7F7DF, #8FD6A6, #009476, #414CAA, #002610)
- Teal Coast color palette (#F6F7E2, #ABEAC0, #00AA8A, #5C669F, #00391D)
- Misty Moss color palette (#CFF6E0, #82A000, #1E6D00, #00476F, #293309)
- Hushed Clover color palette (#FFE6CE, #D4C33E, #61BD1F, #94529A, #342E00)
- Aubergine Corridor color palette (#FDF4E6, #A7A662, #4F6B0F, #4D256B, #080800)
- Antique Taupe color palette (#F9F5EA, #D2E3C4, #85AA76, #866B8E, #3A3932)
Browse the whole catalog at Explore, or see today's palette.