Tempered Pine color palette — #E0E5D8 · #9DB7B1 · #72A3A6 · #00865D · #101705

A conversation between Fern and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Parchment (#E0E5D8): bright and airy, almost weightless.
• Ash (#9DB7B1): A luminous, dusty teal — the color of glacier melt.
• Blue Fog (#72A3A6): A luminous, dusty blue — the color of deep harbor water.
• Fern (#00865D): A full-bodied, balanced teal — the color of sea glass.
• Ink (#101705): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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

• Cypress Delta color palette (#E5F1E5, #9DB5B7, #BA989E, #008284, #09180A)
• Hushed Delta color palette (#DCEBEC, #9DBAC2, #749CAE, #00614D, #00181A)
• Softworn Abyss color palette (#E1F1F2, #8FA4AB, #648091, #004130, #000606)
• Dusty Abyss color palette (#E9F1E3, #C7D5C4, #92AF94, #005B4B, #010300)
• Softworn Cerulean color palette (#E8F1EC, #E2D1D6, #D5B2B2, #509FB3, #233229)
• Muted Cobalt Boulevard color palette (#E2F3DC, #00A7B4, #4A72BA, #774A26, #301500)
• Patina Station color palette (#CFE3E2, #91CD12, #00B4AC, #5973FA, #000A10)
• Tempered Coast color palette (#F2F7EE, #BAE8E2, #9ECBD3, #00B192, #2D3626)

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