Tempered Emerald color palette — #DCE2C1 · #25A946 · #872E94 · #00591C · #3F1245
A conversation between Kelly Green and Plum, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DCE2C1): A whisper-light, dusty green — the color of a quiet forest floor.
- Kelly Green (#25A946): A luminous, vivid green — the color of a quiet forest floor.
- Plum (#872E94): A full-bodied, vivid pink — the color of a candy shop window.
- Deep Olive (#00591C): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#3F1245): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Aged Courtyard color palette (#DDE2C2, #57A359, #8E2F83, #035611, #250021)
- Gentle Jade Chapel color palette (#EAF3DA, #29B878, #9D4482, #00683F, #502242)
- Plum Boulevard color palette (#D7E3C9, #00956C, #AA3975, #00573D, #45142D)
- Grape Market color palette (#E6DFBC, #8B9621, #633CB9, #484E00, #2B1F4C)
- Peony Coast color palette (#BEE8E2, #6EC069, #BC5DA7, #10670F, #48063D)
- Gentle Hollow color palette (#EDFAE7, #00B9A2, #C46885, #007667, #5F3340)
- Airy Ultramarine Workshop color palette (#DFE4D3, #008145, #444FBB, #89230B, #002711)
- Quiet Crimson color palette (#B4F2F6, #00979F, #D10038, #005A5F, #5B0214)
Browse the whole catalog at Explore, or see today's palette.