Tempered Pine Grove color palette — #D7F3DA · #008B50 · #006443 · #003A2C · #002126
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D7F3DA): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008B50): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006443): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003A2C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002126): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Pine Grove 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
- Softworn Terrace color palette (#CDEFE2, #007C68, #004E46, #002726, #001018)
- Aged Olive color palette (#DEE4C4, #6E8600, #3F5B00, #163700, #002018)
- Pine Study color palette (#C9EBEA, #008251, #824900, #004529, #2B1400)
- Antique Grove color palette (#D8F5F0, #006960, #004F8C, #394200, #001613)
- Aqua Dune color palette (#C6EAF0, #3CC5C9, #0099B1, #005542, #00302E)
- Lagoon Grove color palette (#C5F3D6, #60C79E, #009272, #006A5A, #134D57)
- Iris Lantern color palette (#D6EED5, #7B81FF, #0090A9, #0E1C28, #010A10)
- Muted Cerulean color palette (#CBE3EC, #0096C5, #006894, #004169, #232051)
Browse the whole catalog at Explore, or see today's palette.