Weathered Pine color palette — #E9F6EC · #9DA675 · #467144 · #493E68 · #002319

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

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Sage (#9DA675): A luminous, dusty green — the color of new leaves after rain.
• Olive (#467144): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#493E68): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#002319): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Ancient Loft color palette (#E1F9EB, #99B27B, #008046, #72344C, #172600)
• Cypress Courtyard color palette (#E2F7F3, #78AAAC, #007470, #603751, #002123)
• Emerald Workshop color palette (#FAF4EB, #B3B98B, #55924B, #685B84, #37352F)
• Worn Canyon color palette (#DCECE3, #6A824E, #00522C, #361555, #040A00)
• Hushed Canyon color palette (#FAF5E6, #DBD0A5, #80925C, #8C504B, #302702)
• Aged Station color palette (#F7EFF4, #ACCDDD, #2885B2, #005D4E, #021F45)
• Bronze Delta color palette (#FFEBF6, #D49775, #A34C06, #512500, #170700)
• Powdered Rust color palette (#F4DFEB, #BA5E2C, #007B94, #006388, #260A00)

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