Weathered Pine color palette — #E7F7E6 · #ABAC6C · #337E32 · #63451E · #232200
Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E7F7E6): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#ABAC6C): A luminous, balanced green — the color of fresh herbs.
- Olive (#337E32): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#63451E): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Dusty Workshop color palette (#E0F9EC, #80B97A, #007D69, #534E16, #0D270A)
- Aged Forest color palette (#E0F2E3, #85964F, #096639, #493509, #0F1500)
- Washed Jade Balcony color palette (#DFF9EC, #7DB97A, #007D6A, #673961, #002723)
- Feathered Emerald Dune color palette (#FFF3E5, #BCC179, #539958, #8D5E0E, #3C3D12)
- Antique Amber color palette (#F7DCE8, #AD9327, #456700, #004845, #1C1500)
- Moss Pier color palette (#E6EBCC, #52AD4A, #00845B, #00524E, #002A30)
- Pine Workshop color palette (#D4E7DD, #5A8555, #005042, #2F2B00, #010B00)
- Teal Coast color palette (#C9FFF3, #00C3BD, #007E6D, #004440, #001411)
Browse the whole catalog at Explore, or see today's palette.