Tempered Pine color palette — #EEF0E2 · #3C7B51 · #00432C · #002923 · #001506

Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EEF0E2): bright and airy, almost weightless.
• Olive (#3C7B51): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00432C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#002923): A deep, shadowed, dusty teal — the color of sea glass.
• 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

• Lowlit Harbor color palette (#F3EFE0, #576423, #1D3200, #001C19, #050700)
• Weathered Cabin color palette (#D0E4DB, #5D9450, #006247, #00404A, #021500)
• Hushed Navy color palette (#DBE5FF, #3651C2, #005947, #11008B, #00140E)
• Washed Cerulean Market color palette (#E6E8DC, #509CAD, #005267, #002F32, #001722)
• Cypress Studio color palette (#F5F7E3, #7EA787, #1C7451, #2F5440, #313A00)
• Hazy Nightshade color palette (#DCDCFC, #4B25B4, #760049, #003644, #080023)
• Timeworn Lagoon Boulevard color palette (#F2F7EC, #B8C6AF, #558D86, #566C5A, #475042)
• Quiet Orchard color palette (#E9E6FF, #AB95CA, #945A9A, #36328E, #21093C)

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