Tempered Emerald color palette — #DAECE0 · #00A56B · #007C4E · #003F25 · #000201
Kelly Green takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DAECE0): A whisper-light, dusty teal — the color of sea glass.
- Kelly Green (#00A56B): A luminous, balanced teal — the color of sea glass.
- Pine (#007C4E): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#003F25): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Muted Emerald Alley color palette (#E0F3E9, #009453, #004A2F, #0F1A1D, #000804)
- Gentle Villa color palette (#D6E4C9, #729F00, #537200, #283D00, #010200)
- Cerulean Meadow color palette (#D0EFF5, #00A0B3, #007180, #003D45, #000203)
- Aged Atelier color palette (#B0F4E9, #00DAC8, #00AF9C, #00786E, #001F1A)
- Gentle Lapis color palette (#D9EBF1, #009DA6, #3043F2, #00646A, #000010)
- Dusty Indigo color palette (#EEDBD5, #5969FF, #008A7A, #00110D, #000203)
- Tempered Seafoam color palette (#DAFFF0, #3DF2C7, #00C59A, #009176, #002B20)
- Plum Harbor color palette (#CBE5ED, #007D7D, #AA007F, #713200, #000203)
Browse the whole catalog at Explore, or see today's palette.