Weathered Pine color palette — #EEF8F0 · #AAB779 · #528152 · #496050 · #334740
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Sage (#AAB779): A luminous, balanced green — the color of new leaves after rain.
- Fern (#528152): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#496050): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#334740): A deep, shadowed, dusty teal — the color of sea glass.
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
- Olive Thicket color palette (#FFF1F5, #B5A449, #597500, #225D4C, #234231)
- Worn Cypress Hollow color palette (#E8FAF5, #86BEA0, #37817A, #695164, #2E4848)
- Ancient Jade color palette (#CCEABD, #53BD77, #009173, #006362, #244B5B)
- Teal Pier color palette (#E0FBFF, #32B6A2, #BF6C86, #007667, #4D3A55)
- Timeworn Taupe color palette (#F9F5EB, #DBD6B6, #94B886, #9A9162, #4D4300)
- Ancient Powder color palette (#E1FBFF, #CFDDEA, #ADCDFF, #6A8964, #354C55)
- Misty Fern Pier color palette (#D7EBD9, #91913A, #33630E, #004940, #043122)
- Moss Coast color palette (#CDF6E5, #50A942, #006B4F, #444700, #153710)
Browse the whole catalog at Explore, or see today's palette.