Tempered Pine color palette — #FFF1F5 · #ACA835 · #2B7D21 · #64426B · #3E3D0F

A conversation between Olive and Gold, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Gold (#ACA835): A luminous, balanced green — the color of new leaves after rain.
• Olive (#2B7D21): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#64426B): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#3E3D0F): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Dusty Jade Alley color palette (#E6FBED, #85A768, #1C7356, #504560, #193D36)
• Antique Fern Pier color palette (#D9F4D6, #9A9700, #116E11, #433774, #313000)
• Timeworn Pine Meadow color palette (#F6F3DC, #91B476, #467A42, #00585A, #132700)
• Feathered Emerald color palette (#E2FCF3, #A1C985, #509A4C, #00787C, #2C4219)
• Worn Wisteria Study color palette (#F4F4FF, #D172FF, #009758, #730B9A, #004727)
• Washed Driftwood color palette (#EFF8F0, #9DCDBC, #658C6F, #626477, #41514B)
• Softworn Delta color palette (#E0F3E8, #3F8E33, #005142, #4C1A32, #00201D)
• Muted Atelier color palette (#FFF3E2, #D0D39D, #80B669, #827FC4, #3C3E0A)

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