Weathered Pine color palette — #F1F3E9 · #CDDAD1 · #B7C4AA · #347D3F · #242716

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

The five colors

• Cream (#F1F3E9): a clean, paper-quiet neutral.
• Silver (#CDDAD1): bright and airy, almost weightless.
• Stone (#B7C4AA): A luminous, dusty green — the color of fresh herbs.
• Olive (#347D3F): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#242716): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Forest color palette (#E7EBE0, #C8CDC3, #9CA897, #0F653E, #14180A)
• Obsidian Cypress color palette (#D9E7CD, #007E64, #1A3014, #091401, #020400)
• Olive Balcony color palette (#EBF9F6, #CCDDE6, #9BC4D1, #267F00, #274642)
• Chalky Pine color palette (#F3F3E0, #7BB97E, #117F4A, #395527, #06280A)
• Washed Lagoon Harbor color palette (#ECF4F0, #CFD8D9, #A5ADB3, #638E78, #2F3933)
• Ancient Abyss Market color palette (#D8E1D9, #93A599, #658474, #003F42, #000601)
• Quiet Jade color palette (#F8F4CD, #00AC6F, #007165, #003E77, #002318)
• Mint Study color palette (#EAF7DD, #88E98E, #00D69D, #00A29B, #002017)

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