Tempered Pine color palette — #D3EAE9 · #308356 · #153742 · #022524 · #061011

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

The five colors

• Frost (#D3EAE9): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#308356): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#153742): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#022524): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#061011): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Jade color palette (#D0EBEA, #37A672, #2D545B, #193333, #0F1B19)
• Petrol Hollow color palette (#C9E3EF, #007686, #162A4B, #001C22, #00080F)
• Clover Dune color palette (#E1E8D2, #14C97B, #5D7762, #415106, #1A1810)
• Washed Rust Study color palette (#E5F9FF, #2A9B99, #BB5A4D, #924F00, #093F4A)
• Lowlit Denim color palette (#D2E3F3, #004975, #252027, #110628, #000309)
• Cypress Quarry color palette (#EBF9F0, #93B9B1, #46816C, #645A2A, #284A43)
• Aged Dune color palette (#BBF2E7, #6CBB98, #008F85, #006670, #2E446E)
• Pine Corridor color palette (#F9F3FA, #C0E3EC, #4F95AA, #397138, #2A4A68)

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