Weathered Pine color palette — #C5F4DD · #8EAE76 · #318B46 · #006B4E · #004F60
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C5F4DD): A whisper-light, dusty teal — the color of sea glass.
- Sage (#8EAE76): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#318B46): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006B4E): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#004F60): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Washed Studio color palette (#BDEFE8, #6FB796, #009180, #006364, #204464)
- Worn Study color palette (#DCEBD3, #7AB672, #008B40, #005C36, #00301F)
- Worn Chartreuse Veranda color palette (#E8EBB9, #9ED97C, #73BF79, #43997B, #354C33)
- Patina Pine Alley color palette (#E8F9F8, #72B084, #B76E9B, #007A3E, #5B334C)
- Hushed Emerald color palette (#DDE6D4, #00AB43, #007157, #004B46, #0D2F43)
- Tempered Olive color palette (#E1FBFB, #CEDEEB, #B3C5F4, #678241, #35585F)
- Weathered Cocoa color palette (#EAFAEC, #8EB09F, #886E3A, #724521, #25443C)
- Softworn Bronze Quarry color palette (#FFD2E2, #C29D65, #8D8200, #515B00, #2E4C28)
Browse the whole catalog at Explore, or see today's palette.