Worn Pine color palette — #EAF9F2 · #A4B78E · #538056 · #5C5570 · #2F4842
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F2): bright and airy, almost weightless.
- Sage (#A4B78E): A luminous, dusty green — the color of new leaves after rain.
- Fern (#538056): A full-bodied, balanced green — the color of fresh herbs.
- Graphite (#5C5570): A full-bodied, dusty violet — the color of wild irises.
- Charcoal (#2F4842): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Worn 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
- Worn Lagoon color palette (#EEF8F6, #9CCBCB, #538E82, #6F5F75, #3F5151)
- Hushed Pine color palette (#EAF9F3, #85A773, #0D763F, #613E53, #153D37)
- Worn Hollow color palette (#FDF4E5, #B6CE96, #5CA07F, #896672, #494400)
- Washed Cerulean color palette (#F1F7F2, #BFE2F7, #3E92C8, #007075, #324965)
- Dusty Terrace color palette (#F8F6E7, #D9D7B3, #96B78B, #A68978, #494400)
- Timeworn Amber Studio color palette (#FFF1F7, #BE743B, #009078, #6F59A2, #482F3B)
- Muted Chestnut Dune color palette (#FFF0F8, #D18D67, #0097C5, #9E4A0F, #22475D)
- Pine Harbor color palette (#D8F1E9, #538957, #005238, #492200, #00201E)
Browse the whole catalog at Explore, or see today's palette.