Weathered Pine color palette — #F8F1E8 · #AAA07B · #3C7341 · #463E6E · #231C01

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

The five colors

• Cream (#F8F1E8): a clean, paper-quiet neutral.
• Taupe (#AAA07B): A luminous, dusty green — the color of new leaves after rain.
• Olive (#3C7341): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#463E6E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#231C01): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Weathered Cypress color palette (#F8F1E2, #90A982, #0C765A, #6A3143, #1E1E00)
• Patina Pier color palette (#FAF4EA, #9DA061, #4A7000, #564065, #37352F)
• Muted Villa color palette (#EFF8EE, #B8B97F, #51924F, #655B89, #223C31)
• Bronze Basin color palette (#FFE9D2, #A56E2D, #007F78, #00686C, #201000)
• Olive Market color palette (#EDE4D7, #6E823A, #00522E, #331A50, #060900)
• Softworn Spruce Alley color palette (#F2F2EA, #BDC8B2, #558E92, #7D5556, #243800)
• Hushed Forest color palette (#FAEFEB, #B5CFBC, #4483AA, #005E3E, #101D43)
• Soft Bronze Lagoon color palette (#FFEEE4, #D79479, #A54C00, #4F2000, #1E0800)

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