Weathered Pine color palette — #D8E6D5 · #60A564 · #00773F · #005132 · #002419
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D8E6D5): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#60A564): A luminous, balanced green — the color of fresh herbs.
- Pine (#00773F): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#005132): A deep, shadowed, balanced teal — the color of glacier melt.
- Onyx (#002419): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Patina Courtyard color palette (#E6E7D2, #8F9D3F, #576C00, #2F4C00, #0A2600)
- Soft Pine Basin color palette (#E0E2D3, #77AA62, #00833B, #005849, #003F3E)
- Ancient Teal Boulevard color palette (#CEF3E5, #1BB49C, #00786F, #004744, #002426)
- Feathered Jade Dune color palette (#D3F0EF, #30A973, #AF681C, #006640, #2D1500)
- Worn Emerald color palette (#F2FDC1, #A5D683, #2C9E59, #006C56, #003937)
- Linen Alley color palette (#C9EEF2, #009176, #0076AD, #615E00, #00181B)
- Midnight Cypress color palette (#C6E7DC, #006A5B, #00423C, #001E1E, #000506)
- Weathered Cerulean color palette (#D0F4FF, #7DC9CD, #2690A0, #0F5F70, #183646)
Browse the whole catalog at Explore, or see today's palette.