Tempered Pine color palette — #DCF5EF · #327D4D · #004233 · #132900 · #001506

Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DCF5EF): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#327D4D): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004233): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#132900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001506): A deep, shadowed, dusty teal — the color of sea glass.

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

• Ancient Lagoon color palette (#D0E7E3, #4F886A, #005144, #00353D, #002112)
• Charred Fern Drift color palette (#DDF5E6, #5B640F, #183300, #001C12, #050700)
• Soft Jade Chapel color palette (#F1F1E0, #34B268, #008468, #406026, #0D1200)
• Soft Forest Market color palette (#D9F1EE, #4FA581, #00695E, #04520E, #003825)
• Pale Garnet Veranda color palette (#DCEAF1, #006B7C, #910604, #00333C, #260000)
• Charred Petrol color palette (#C9E9F7, #007DA0, #003B4D, #00131C, #000305)
• Tempered Mulberry Pier color palette (#D9F5FF, #00556A, #720059, #373100, #00090E)
• Feathered Summit color palette (#D4F5FF, #79A7CF, #6371E2, #004848, #001E2C)

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