Tempered Pine color palette — #CDE9CE · #008A44 · #005B3B · #003C2B · #002327

Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CDE9CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008A44): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#005B3B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003C2B): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#002327): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Pine 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

• Linen Dune color palette (#E6F4E6, #00B859, #00935A, #006B4B, #00291F)
• Olive Garden color palette (#DEE1CC, #708800, #3B5700, #1D3A00, #00241C)
• Cypress Thicket color palette (#D7EEE3, #007D69, #00453C, #002A28, #001717)
• Patina Cerulean Coast color palette (#D2E8C8, #74C3C0, #0097A9, #005F40, #002B27)
• Wandering Ultramarine Garden color palette (#DCEED0, #008069, #303FD2, #004437, #0A005C)
• Dusty Denim color palette (#E2F1D6, #006A55, #00537B, #423F00, #001610)
• Basalt Balcony color palette (#FCEED2, #7D7842, #534400, #342500, #171800)
• Cerulean Basin color palette (#CEEEFA, #009BCC, #006997, #003E63, #221B51)

Browse the whole catalog at Explore, or see today's palette.