Tempered Emerald color palette — #EBEEE0 · #59A44E · #007254 · #004843 · #0F2C44
Kelly Green and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EBEEE0): a clean, paper-quiet neutral.
- Kelly Green (#59A44E): A luminous, balanced green — the color of fresh herbs.
- Pine (#007254): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004843): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#0F2C44): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, 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
- Dusty Dune color palette (#D7EAD4, #22B55E, #008963, #006456, #003837)
- Airy Courtyard color palette (#F6EBD2, #908500, #376600, #004C24, #00332E)
- Lagoon Courtyard color palette (#ACF6EC, #20A496, #00675E, #00332D, #001B1A)
- Soft Courtyard color palette (#E0F4E8, #00A29F, #006474, #00405D, #012963)
- Cypress Pier color palette (#D6EDDC, #007E6D, #004D58, #00273B, #12092F)
- Timeworn Plum color palette (#D7E2CD, #009573, #AD386C, #005642, #4B0A2A)
- Ancient Harbor color palette (#F1EBDB, #7B9061, #635600, #512D00, #002D16)
- Hushed Mulberry color palette (#D3E9CC, #007C70, #A90960, #8A0309, #002621)
Browse the whole catalog at Explore, or see today's palette.