Weathered Pine color palette — #F8F6E7 · #8AA66C · #3D722F · #365337 · #36362F
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Moss (#8AA66C): A luminous, balanced green — the color of fresh herbs.
- Olive (#3D722F): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#365337): A full-bodied, dusty green — the color of fresh herbs.
- Espresso (#36362F): a grounded near-black with real depth.
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
- Weathered Orchard color palette (#F3F7E9, #75A892, #007461, #125655, #293D00)
- Timeworn Thicket color palette (#FDF0DC, #9EA760, #47713F, #593C4C, #221C02)
- Fern Studio color palette (#E9E5D0, #7B9662, #196603, #5C301E, #2C2A0C)
- Softworn Emerald color palette (#E7FBEB, #B4BA7E, #5F8F51, #576186, #203C31)
- Timeworn Olive Grove color palette (#EEEDD5, #508A46, #005324, #00353B, #1B1D00)
- Fern Pier color palette (#F8F5ED, #CAC1A1, #7C8755, #785F58, #5D4B00)
- Wandering Cerulean color palette (#F5F6ED, #95D1D4, #008895, #006058, #02424E)
- Taupe Balcony color palette (#FFF3E7, #DAC89E, #89AC77, #967899, #38352E)
Browse the whole catalog at Explore, or see today's palette.