Weathered Pier color palette — #F9F5EA · #B1B384 · #6C7B36 · #85452D · #504100
A conversation between Olive and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Sage (#B1B384): A luminous, dusty green — the color of fresh herbs.
- Olive (#6C7B36): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#85452D): A full-bodied, balanced orange — the color of autumn markets.
- Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Lagoon Drift color palette (#F4F6ED, #8BBD9F, #228668, #7B4F0D, #394A00)
- Dusty Veranda color palette (#FCF5E3, #9B9F72, #5A6B24, #6C3F00, #37352F)
- Stone Loft color palette (#F9F0E5, #B8B87A, #637F52, #644D59, #2C2717)
- Patina Cocoa Courtyard color palette (#FFF2EA, #E0D9C9, #EFC58C, #9B685C, #713E05)
- Tempered Moss Villa color palette (#FFF2EB, #DF8368, #649C31, #A44225, #354926)
- Driftwood Corridor color palette (#EEF8EF, #C8C893, #7C996C, #6A7089, #31483E)
- Ancient Garden color palette (#FBF4EB, #DED5B2, #AAB186, #A98398, #4F4100)
- Muted Studio color palette (#FFF2EA, #F1AA89, #AF5220, #6F2C06, #4D220B)
Browse the whole catalog at Explore, or see today's palette.