Worn Pine color palette — #F7F6E5 · #7EA876 · #297440 · #65412A · #35362F
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#7EA876): A luminous, balanced green — the color of fresh herbs.
- Pine (#297440): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#65412A): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, 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
- Moss Bloom color palette (#F8EACA, #99980C, #546200, #653500, #313000)
- Lagoon Drift color palette (#E4E6D7, #5A9D71, #006547, #443F00, #252C10)
- Lagoon Canyon color palette (#F3F7EA, #A6B690, #14866D, #79500A, #364B02)
- Ancient Taupe color palette (#FFF3E5, #EBD3A1, #B7B06A, #905E34, #413C36)
- Wandering Villa color palette (#E6FBF1, #9AC191, #459174, #645E7E, #1E3C37)
- Tempered Marigold color palette (#FFF0DB, #CD9846, #815500, #462E00, #2C1B00)
- Pine Courtyard color palette (#F5E1C8, #A16E00, #148318, #973147, #3B2707)
- Worn Teal color palette (#FCF5E0, #C9CEA5, #67B09F, #94789D, #35362F)
Browse the whole catalog at Explore, or see today's palette.