Tempered Pine color palette — #E2E4DC · #C1C7B7 · #9CAA90 · #00752C · #1E2208

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

The five colors

• Parchment (#E2E4DC): bright and airy, almost weightless.
• Stone (#C1C7B7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9CAA90): A luminous, dusty green — the color of new leaves after rain.
• Olive (#00752C): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#1E2208): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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 Alley color palette (#E5EDE5, #BCC8BF, #91AC9C, #006F70, #112413)
• Hushed Fern Studio color palette (#F3F0E8, #C8C4B6, #A9A689, #6E6100, #251F0F)
• Forest Meadow color palette (#ECEDE5, #B2BDA9, #78987B, #125303, #1F210C)
• Muted Quarry color palette (#EAF9F7, #C2E0EE, #9DC3C6, #0E7332, #00100F)
• Ancient Lantern color palette (#D8E3CE, #52CC7A, #00B990, #008A89, #001E18)
• Navy Chapel color palette (#E1E1C2, #009773, #006662, #002890, #001B16)
• Washed Canyon color palette (#E5EBE6, #99A99F, #6B907E, #004F55, #010D03)
• Cerulean Meadow color palette (#EEF8F1, #CBDEDD, #A9C5C7, #0096AE, #34443A)

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