Tempered Pine color palette — #EAF5EE · #97BDB1 · #4F835B · #61541F · #0C2E26

A conversation between Fern and Coffee, giving this palette its sense of nature and growth.

The five colors

• Cream (#EAF5EE): bright and airy, almost weightless.
• Ash (#97BDB1): A luminous, dusty teal — the color of glacier melt.
• Fern (#4F835B): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#61541F): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#0C2E26): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Timeworn Olive color palette (#FBEEF2, #9DBCA8, #6E7C47, #285F62, #162D1F)
• Ancient Villa color palette (#DDF7FF, #85CED4, #008E92, #004D4E, #001A1D)
• Patina Bronze color palette (#F8F5E9, #D0E3C4, #8DA77C, #87752C, #393932)
• Deep Atelier color palette (#CFE5DA, #4D7438, #00412A, #211F00, #010400)
• Hushed Fern color palette (#E3F2E5, #8E925E, #32631F, #00433D, #121300)
• Peony Veranda color palette (#DEF7FD, #5DB5B0, #BE7193, #007470, #3F172A)
• Wandering Lagoon color palette (#DEF7FD, #CED8EA, #C1B8E1, #55946C, #123642)
• Washed Cerulean Corridor color palette (#F7EFF2, #CDDFEF, #718DC4, #006B74, #222A48)

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