Weathered Pine color palette — #E1FCF5 · #86B17C · #007F37 · #44582B · #0D443E
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E1FCF5): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#86B17C): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#007F37): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#44582B): A full-bodied, dusty green — the color of a quiet forest floor.
- Forest (#0D443E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance, 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
- Muted Veranda color palette (#E5FCED, #AAA75A, #657100, #3F5A2E, #3E3D0D)
- Quiet Emerald Delta color palette (#D5F3EB, #62A55B, #006D35, #00503C, #143711)
- Muted Orchard color palette (#EDF8F3, #8DBBAC, #5E7F3A, #306460, #2E4940)
- Clover Basin color palette (#DEF9ED, #76BD61, #067E5B, #4E4F20, #002722)
- Airy Mint color palette (#FBF5E3, #8BD075, #099E71, #6B6C42, #294220)
- Faded Teal Delta color palette (#C2E8DE, #00B8AB, #007E7C, #005F64, #00474E)
- Misty Workshop color palette (#E6FBEF, #A9E09D, #4FBAA0, #938B47, #09443E)
- Soft Sapphire color palette (#D0F2FF, #00909E, #4E5CED, #1C7407, #00383E)
Browse the whole catalog at Explore, or see today's palette.