Weathered Pine color palette — #D7EACC · #007D49 · #00544D · #003237 · #000E1B
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D7EACC): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007D49): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00544D): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#003237): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000E1B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Pine Lantern color palette (#D0EAD3, #008559, #00433C, #002021, #000102)
- Tempered Corridor color palette (#CCE7DD, #007776, #005664, #002B42, #050035)
- Timeworn Courtyard color palette (#DBF0DD, #00787D, #A10056, #004144, #130005)
- Tempered Fern Archive color palette (#F0E0C2, #686E00, #275600, #002A1C, #000A09)
- Ancient Garnet Pier color palette (#CEF5F1, #006661, #940210, #572B00, #000202)
- Azure Veranda color palette (#E4F2E1, #10B0E6, #7778D0, #395D0C, #001207)
- Softworn Atelier color palette (#D2E6DA, #00B6A5, #008191, #005A7E, #082E56)
- Feathered Navy Hollow color palette (#D4FAEE, #00A1B4, #006A87, #004080, #17124A)
Browse the whole catalog at Explore, or see today's palette.