Weathered Pine color palette — #F3F3E5 · #B4B78F · #478553 · #455E1F · #282915
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E5): a clean, paper-quiet neutral.
- Sage (#B4B78F): A luminous, dusty green — the color of fresh herbs.
- Fern (#478553): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#455E1F): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#282915): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Softworn Lagoon Loft color palette (#EFF4E9, #B9C9AD, #409387, #506953, #2D3427)
- Patina Pine Delta color palette (#F2F3E7, #7FAD85, #25754D, #2D4F3A, #1B1F04)
- Pine Corridor color palette (#E1E3CB, #2B7A41, #004228, #00251E, #000401)
- Raspberry Workshop color palette (#FFEBF7, #8282D9, #BC558E, #00788E, #2B1624)
- Aged Mallow Hollow color palette (#FFEBF8, #E4D3E7, #D1B6F0, #6078AB, #3C2935)
- Dusty Quarry color palette (#DEF0FF, #64A6E4, #2B6FCC, #304C87, #1E2849)
- Feathered Indigo color palette (#FFEBF8, #B2BAFE, #636EC8, #303775, #0C0D33)
- Wandering Ultramarine color palette (#FEEBFA, #84A1EC, #CF6784, #405DB6, #411723)
Browse the whole catalog at Explore, or see today's palette.