Weathered Pine color palette — #FCF6D5 · #A5BC8B · #649860 · #28754D · #4F524C
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FCF6D5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A5BC8B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#649860): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#28754D): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#4F524C): a grounded near-black with real depth.
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
- Weathered Jade Summit color palette (#DDFFE8, #C4CB8F, #72AE69, #348267, #32545E)
- Antique Pine color palette (#F4F7EB, #93BC9B, #B886AE, #3B844F, #61405B)
- Olive Cabin color palette (#FFF3E6, #C4AE81, #9A8A3E, #68690D, #515049)
- Aged Lagoon color palette (#EDFCDA, #81C5B4, #1C9B99, #00767D, #355946)
- Weathered Driftwood color palette (#F2F8E7, #CBE2D7, #9DD4CE, #7D976E, #4B5741)
- Wandering Iris Garden color palette (#F2F8E4, #71A686, #7B84C2, #A5624E, #41433C)
- Misty Emerald color palette (#D4EEDA, #00A76F, #006D5A, #004843, #032D3E)
- Soft Cerulean color palette (#CEEAC7, #64C4C3, #008797, #00637C, #324366)
Browse the whole catalog at Explore, or see today's palette.