Tempered Pine color palette — #E7F7EA · #97A871 · #28754D · #55441C · #01221A

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

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#97A871): A luminous, dusty green — the color of new leaves after rain.
• Pine (#28754D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#55441C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#01221A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Antique Courtyard color palette (#E8FAF0, #93A274, #476E41, #534C09, #1A3D33)
• Softworn Teal Delta color palette (#E3F7F0, #76AF8C, #23726E, #60374E, #002221)
• Antique Coast color palette (#FBEDF4, #84AB8F, #5C6C34, #204E56, #01230F)
• Hushed Jade Station color palette (#CEEDE4, #40AB86, #00686D, #30460A, #001C12)
• Muted Forest Canyon color palette (#D0E4D6, #7D985F, #0A6546, #003F51, #001712)
• Lagoon Cabin color palette (#FCF4E7, #ABBC8D, #558F6E, #746135, #36362F)
• Washed Turquoise Lantern color palette (#C5FFFC, #41C0C9, #007878, #003F3E, #001314)
• Weathered Veranda color palette (#DDECE2, #658350, #00513B, #332900, #030A00)

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