Tempered Pine color palette — #D7E4E2 · #A1B3C1 · #7F9FC0 · #12891D · #001816

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

The five colors

• Silver (#D7E4E2): bright and airy, almost weightless.
• Ash (#A1B3C1): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#7F9FC0): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#12891D): A full-bodied, vivid green — the color of fresh herbs.
• Ink (#001816): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Cypress color palette (#E8F2F3, #A5B2C7, #9395B5, #00856F, #03171A)
• Bronze Harbor color palette (#E8F1EB, #9DB6BB, #799FB5, #867000, #05180D)
• Aged Market color palette (#EDEFE8, #AFB8A8, #859D83, #006430, #121508)
• Spruce Lagoon color palette (#E2E6D7, #9AA394, #66846D, #004316, #040500)
• Aged Canyon color palette (#D7F2E7, #63AA7A, #00817A, #545C03, #001313)
• Washed Teal color palette (#E8F0F2, #CFD3E0, #BDB6D4, #00A6AC, #1C3138)
• Tempered Cerulean Studio color palette (#EBEAC8, #59A282, #1985AB, #7B4B22, #2C1300)
• Cornflower Archive color palette (#CDF1F3, #C1B608, #00B888, #1177F6, #001012)

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