Tempered Emerald color palette — #F5F8DE · #589C4F · #9564A9 · #934961 · #383932
A conversation between Kelly Green and Slate, giving this palette its sense of nature and growth.
The five colors
- Custard (#F5F8DE): A whisper-light, dusty green — the color of fresh herbs.
- Kelly Green (#589C4F): A luminous, balanced green — the color of new leaves after rain.
- Slate (#9564A9): A full-bodied, balanced pink — the color of neon signs at night.
- Raspberry (#934961): A full-bodied, balanced red — the color of a theater curtain.
- Charcoal (#383932): a grounded near-black with real depth.
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
- Gentle Lagoon Studio color palette (#EAFCDF, #009F85, #A56383, #904E40, #2E3D24)
- Moss Thicket color palette (#FEF5D7, #8F8E26, #7171BE, #715A9B, #3A3831)
- Feathered Bloom color palette (#D2F7D6, #009197, #BC4156, #AA2A2A, #00383B)
- Washed Plum color palette (#D8F9EA, #008562, #A91486, #95005B, #002C1E)
- Cocoa Workshop color palette (#FFF3E7, #B9A47C, #926842, #7A401B, #3F3D36)
- Hazy Studio color palette (#DAFAF2, #769B52, #009194, #995A00, #00251E)
- Fern Studio color palette (#F7F7DE, #C2E8D4, #8DC8DA, #857E4F, #49560C)
- Amber Courtyard color palette (#F8F7DC, #94B070, #08AEAD, #C16F00, #393831)
Browse the whole catalog at Explore, or see today's palette.