Tempered Forest color palette — #D7F4EA · #67854A · #19520D · #4C1F0B · #102000

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

The five colors

• Honeydew (#D7F4EA): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#67854A): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#19520D): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Espresso (#4C1F0B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#102000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Forest 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

• Tempered Pine color palette (#C5EDE7, #2E7D4C, #00432C, #341B00, #001506)
• Patina Coast color palette (#D4EBE3, #76975E, #30622D, #503900, #1B2F09)
• Onyx Pier color palette (#E4F4EB, #698253, #005230, #39164D, #040A00)
• Powdered Bronze Studio color palette (#EED7E1, #A25700, #006B3E, #582C00, #002210)
• Obsidian Fern color palette (#E1F0E7, #616200, #272F00, #251000, #060600)
• Aged Workshop color palette (#E8E2D4, #819C6B, #007346, #592D75, #102000)
• Hazy Olive Pier color palette (#E7FBF2, #98AD5F, #4F7726, #6F4700, #354011)
• Soft Bronze Corridor color palette (#F4E4E9, #D2AC68, #9B8400, #763800, #301C00)

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