Weathered Pier color palette — #FBF4E8 · #A48E47 · #AE6773 · #7A5735 · #403D36
A conversation between Moss and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4E8): bright and airy, almost weightless.
- Moss (#A48E47): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#AE6773): A full-bodied, balanced red — the color of a theater curtain.
- Coffee (#7A5735): A full-bodied, dusty gold — the color of honey in a jar.
- Charcoal (#403D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Driftwood Corridor color palette (#F4F7EB, #6C9E75, #9F67A3, #725C22, #3C3E37)
- Patina Teal color palette (#F1F8E7, #66C099, #B28BBE, #976F64, #3B3E38)
- Aged Parlor color palette (#E3F6F7, #4DA983, #9177A1, #7D5052, #152627)
- Patina Ridge color palette (#EFF9E7, #0D977A, #AB543D, #216232, #2D3625)
- Worn Driftwood Archive color palette (#F2F7F1, #D2DEDD, #C5B4A7, #738A6A, #50544E)
- Antique Bloom color palette (#FFF2EA, #72B8A3, #4C7BA9, #764F3B, #3B4D3E)
- Dusty Seafoam Meadow color palette (#E7FAF8, #99D3A9, #DCA6B0, #C18791, #2B4241)
- Tempered Pine Thicket color palette (#F5F6EE, #A7CCA7, #7A74B4, #437D45, #372931)
Browse the whole catalog at Explore, or see today's palette.