Tempered Pine color palette — #FAF6DF · #93AC7A · #2B7117 · #4F3700 · #040A00

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF6DF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#93AC7A): A luminous, dusty green — the color of fresh herbs.
• Olive (#2B7117): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4F3700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#040A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Airy Moss color palette (#E8EAC7, #97A300, #556B00, #203800, #051500)
• Gentle Pine Chapel color palette (#D7FFD4, #6FC675, #0D7416, #033004, #000200)
• Quiet Lantern color palette (#F4F0CC, #849E32, #D13F39, #445500, #170000)
• Washed Lagoon color palette (#E0E4CE, #58A072, #005C40, #302C00, #000200)
• Dusty Drift color palette (#F7F7E1, #A2C6A1, #308A56, #3A5C1E, #021F04)
• Muted Grove color palette (#F2ECD3, #72824E, #264600, #1C1D00, #010100)
• Softworn Olive Lagoon color palette (#CCF0E5, #4F8C21, #015411, #3C2B00, #00201C)
• Lagoon Harbor color palette (#F1EBD7, #87B67E, #00956F, #8B4F59, #062102)

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