Weathered Pine color palette — #FCF4E5 · #97AD6B · #007F38 · #753A55 · #344018

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

The five colors

• Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
• Sage (#97AD6B): A luminous, balanced green — the color of fresh herbs.
• Olive (#007F38): A full-bodied, balanced green — the color of new leaves after rain.
• Mulberry (#753A55): A full-bodied, balanced rose — the color of strawberry cream.
• Deep Olive (#344018): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Weathered 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

• Jade Drift color palette (#F8F7DF, #68B68A, #007A6F, #703D5E, #393C35)
• Softworn Lime color palette (#DFF9EC, #A1B247, #597629, #66441D, #1F2400)
• Weathered Chestnut Balcony color palette (#F5F6EB, #A5B694, #008484, #834822, #324C08)
• Wandering Moss color palette (#EAE4D3, #6F995B, #006544, #612837, #2B2B0B)
• Wandering Mustard Drift color palette (#FCF5E0, #B5C562, #729339, #885F32, #3C3B34)
• Byzantium Courtyard color palette (#FFF5D7, #B0A725, #913CD1, #645F00, #472B60)
• Wandering Canyon color palette (#F8EBC2, #888400, #6646FF, #8E2F99, #343200)
• Worn Garnet color palette (#EEEEDC, #418B65, #005049, #56130E, #161E00)

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