Tempered Emerald color palette — #DFF5AF · #78BC5F · #009336 · #005F3E · #00231B
A conversation between Kelly Green and Clover, giving this palette its sense of nature and growth.
The five colors
- Butter (#DFF5AF): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#78BC5F): A luminous, balanced green — the color of a quiet forest floor.
- Kelly Green (#009336): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#005F3E): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#00231B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Linen Mint Meadow color palette (#C5F6BD, #64CD91, #008A69, #005148, #002626)
- Sunlit Olive color palette (#F7E29F, #C0B342, #758600, #355B00, #032201)
- Moss Courtyard color palette (#E8E8CA, #729800, #006723, #003F37, #00171A)
- Hushed Jade color palette (#E3FFD5, #91DCA3, #00AF6D, #006B59, #003B37)
- Frosted Emerald color palette (#E7E2CE, #8DBF2E, #00AD3F, #007E6E, #00393A)
- Jade Harbor color palette (#D1E9CF, #00B072, #007C60, #003D39, #000A0A)
- Feathered Peony Parlor color palette (#F0FADB, #5DC28A, #D65DB8, #007747, #300026)
- Worn Lagoon Market color palette (#DCF4EB, #009580, #005D5C, #00252A, #000102)
Browse the whole catalog at Explore, or see today's palette.