Tempered Pine color palette — #E0E5F4 · #008627 · #A43900 · #110700 · #040002

Olive Leaf and Burnt Sienna set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E0E5F4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Olive Leaf (#008627): A full-bodied, vivid green — the color of new leaves after rain.
• Burnt Sienna (#A43900): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#110700): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Plum Bloom color palette (#CCE3F1, #4A7F00, #B40049, #170401, #020003)
• Softworn Coast color palette (#F4E5FF, #00816A, #855600, #0B0A03, #000200)
• Crimson Archive color palette (#D7DEFD, #009A78, #D30041, #1B0600, #060000)
• Patina Bronze color palette (#F7D5EB, #988C00, #C05E00, #240C00, #040100)
• Bronze Villa color palette (#FFE3F2, #836200, #2E382C, #351200, #070100)
• Olive Balcony color palette (#FBE9F4, #008FA2, #6B7B00, #090C00, #000201)
• Washed Alley color palette (#DEE0F8, #00BA66, #D96A00, #280E00, #0B0206)
• Antique Basalt color palette (#E6F4E8, #88A997, #5B8679, #473200, #010602)

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