Tempered Emerald color palette — #FFECDC · #009E97 · #309600 · #031800 · #020200
Kelly Green and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFECDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Fern (#009E97): A luminous, balanced teal — the color of glacier melt.
- Kelly Green (#309600): A full-bodied, vivid green — the color of a quiet forest floor.
- Ink (#031800): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.
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 Market color palette (#ECEEFD, #0097BE, #009371, #00150D, #010200)
- Wandering Lagoon Market color palette (#FAD4CF, #00A17E, #8C7F00, #0E0C00, #030200)
- Tempered Lagoon color palette (#E2EAD9, #009B71, #005D6B, #00523A, #000203)
- Bronze Balcony color palette (#EAEAD3, #8F8622, #224200, #071300, #020200)
- Tempered Dune color palette (#CBF9F2, #009799, #005F69, #003641, #001119)
- Iris Ridge color palette (#E5F5E5, #778DFF, #009DB6, #001C22, #000502)
- Hushed Station color palette (#DDE7CB, #5CB1FF, #00B5B3, #003534, #0B140A)
- Forest Pier color palette (#DCE3D7, #ADB8AA, #879C88, #006151, #0D1706)
Browse the whole catalog at Explore, or see today's palette.