Tempered Pine color palette — #D7EBE3 · #32784E · #003F3C · #001F3C · #000401

Built around Pine, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D7EBE3): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#32784E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003F3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, 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

• Velvet Olive Archive color palette (#DDE9E0, #58722C, #004129, #3A0328, #020300)
• Worn Lagoon Field color palette (#DFE5C9, #3FA280, #005A53, #00313C, #000201)
• Worn Fern Chapel color palette (#F8E2EA, #877923, #274F00, #29224B, #0A0800)
• Dusty Cypress color palette (#E6F6EE, #87AB85, #1E7464, #633742, #00221F)
• Hushed Navy Ridge color palette (#F4DEE7, #5D91AD, #033FA3, #002C28, #050018)
• Hazy Grape Corridor color palette (#E8EBFF, #693BAE, #455000, #360069, #020300)
• Shadow Basin color palette (#F1E5FE, #670E98, #374500, #003316, #020006)
• Aged Stone Terrace color palette (#FFECF2, #B7B687, #617E5C, #4A5470, #162D23)

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