Weathered Pine color palette — #FFF5D1 · #9EB87D · #0B883F · #005F42 · #004842
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FFF5D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9EB87D): A luminous, balanced green — the color of fresh herbs.
- Fern (#0B883F): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005F42): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004842): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Wandering Lagoon Corridor color palette (#F4FACE, #72BC93, #00887A, #00595B, #004150)
- Airy Drift color palette (#FFEDCE, #B7AB63, #717F02, #335B00, #004B23)
- Ancient Emerald Market color palette (#DFF9C9, #B1DCA5, #7FBB8A, #2E9C6B, #004636)
- Tempered Pine Parlor color palette (#FEF4E3, #8AA356, #0F7D59, #514379, #3D3E37)
- Misty Mustard color palette (#FFF0DA, #C4CE6E, #67A066, #00766D, #004153)
- Softworn Pewter color palette (#F6F5EF, #D6DCD5, #B4C4B8, #717A4A, #4A483E)
- Hushed Market color palette (#F6F7E4, #E7D980, #71CF5E, #009A89, #3D3E37)
- Washed Pine Drift color palette (#E3EBD6, #157D15, #00452C, #00221B, #000B0C)
Browse the whole catalog at Explore, or see today's palette.