Weathered Pine color palette — #EDF9EF · #93A273 · #007645 · #643C54 · #163D33
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Moss (#93A273): A luminous, dusty green — the color of new leaves after rain.
- Pine (#007645): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#643C54): A full-bodied, dusty pink — the color of peonies in June.
- Forest (#163D33): 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 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
- Cypress Summit color palette (#EBF9F3, #7DA784, #007368, #2B4E6B, #1D3B39)
- Ancient Summit color palette (#F5F3E0, #81AE7C, #367255, #553D53, #1C1E04)
- Aged Pier color palette (#FCE4EC, #A19400, #2B6B00, #433281, #342F00)
- Weathered Lagoon color palette (#E2FCF3, #97C292, #3F936B, #4F6482, #163D38)
- Mulberry Cabin color palette (#F3EBFA, #DE74A5, #00914B, #811251, #124023)
- Olive Terrace color palette (#DAEFE2, #58893E, #00513E, #4D1833, #0B2100)
- Dusty Loft color palette (#FAF3F7, #A2CCE2, #1A7DC6, #00624C, #2D3A56)
- Worn Teal Corridor color palette (#FBF5E4, #B6D5A5, #77AE91, #9E7784, #36362F)
Browse the whole catalog at Explore, or see today's palette.