Weathered Pier color palette — #F9F1E2 · #9BA774 · #3C733F · #354E34 · #211C02
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F1E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#9BA774): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#3C733F): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#354E34): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#211C02): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered Pier 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
- Tempered Olive color palette (#FEEFE1, #ADA070, #5C6E00, #384567, #261A01)
- Lagoon Alley color palette (#F6F2E4, #B3B791, #1E8867, #405D4A, #282912)
- Patina Moss Alley color palette (#F9F6E4, #85A861, #417037, #4A4C45, #36362F)
- Forest Delta color palette (#E9E4D5, #759A5B, #006640, #442C58, #141300)
- Jade Corridor color palette (#E6E7CC, #13AF7A, #006964, #004461, #001C10)
- Emerald Market color palette (#E7FAF3, #BCDCA0, #67995E, #3B6D6D, #082F28)
- Washed Abyss Station color palette (#F0E9D7, #688348, #00522C, #003034, #090800)
- Forest Thicket color palette (#F9F0EB, #95D5D2, #008BA0, #005F35, #00281C)
Browse the whole catalog at Explore, or see today's palette.