Tempered Emerald color palette — #D9FFF2 · #00A757 · #00715D · #004878 · #0F3F2A
A conversation between Kelly Green and Navy, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9FFF2): A whisper-light, dusty teal — the color of glacier melt.
- Kelly Green (#00A757): A luminous, vivid teal — the color of shallow lagoons.
- Pine (#00715D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#004878): A deep, shadowed, balanced blue — the color of open sky before noon.
- Forest (#0F3F2A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, 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
- Tempered Courtyard color palette (#D6F7EF, #009C83, #00686B, #2C3B72, #02373F)
- Muted Moss color palette (#FBF9C6, #7F9900, #177419, #004E5C, #2B3B18)
- Timeworn Pine Market color palette (#DBFEF5, #7CB471, #057F3B, #455831, #05443E)
- Worn Cerulean color palette (#EBF9F6, #7CE1E4, #00909D, #00675E, #004855)
- Emerald Parlor color palette (#FFF0D2, #47A94F, #007168, #581F6E, #002313)
- Chartreuse Balcony color palette (#D5FFFF, #5FEE48, #00D285, #009285, #00432E)
- Antique Clover Field color palette (#FFF4DE, #5DC164, #009185, #76408C, #004128)
- Navy Boulevard color palette (#D4E6CB, #00766D, #00454D, #1D135D, #001B1B)
Browse the whole catalog at Explore, or see today's palette.