Tempered Pine color palette — #D8EFED · #307C57 · #004232 · #002733 · #001409

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8EFED): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#307C57): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004232): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#002733): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001409): 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 Forest color palette (#D4EFE7, #58884F, #005324, #4B2100, #042200)
• Olive Courtyard color palette (#DCF3E7, #47762E, #00412A, #2E0543, #010400)
• Hushed Olive color palette (#E1F3E8, #707018, #333D00, #470010, #111100)
• Ancient Jade Studio color palette (#E1E3D0, #2DB363, #00855A, #185F70, #001506)
• Patina Field color palette (#CEF4F4, #40A688, #00695C, #004969, #003729)
• Patina Denim color palette (#E4F4F2, #6398AB, #00516D, #002F35, #001625)
• Hushed Grove color palette (#EAE1C6, #629349, #006242, #492361, #051400)
• Fern Atelier color palette (#E8FAF4, #74A79B, #42703D, #693F2C, #183D36)

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