Weathered Pier color palette — #FBEFE7 · #D0C1A7 · #8E853C · #586654 · #34302A
Moss and Sand set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBEFE7): bright and airy, almost weightless.
- Sand (#D0C1A7): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#8E853C): A luminous, balanced green — the color of new leaves after rain.
- Graphite (#586654): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#34302A): quiet, heavy and certain.
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
- Timeworn Chestnut Parlor color palette (#F4F2EA, #C0C8A9, #558F88, #716111, #30322B)
- Timeworn Workshop color palette (#F5F2E2, #95BFA2, #3F827D, #345E55, #252A16)
- Forest Villa color palette (#ECE2D3, #839755, #0A653D, #00404E, #0E1500)
- Washed Dune color palette (#F7F0EB, #C7E5E5, #AE91AE, #3F776C, #442E3B)
- Ancient Petrol color palette (#E5F7EC, #82BED0, #BD9367, #117E97, #35302B)
- Chestnut Garden color palette (#FFE9D8, #7B651C, #2B3D00, #28113B, #040300)
- Faded Corridor color palette (#F9E0C9, #A9951A, #3B6A02, #5A2263, #1B1600)
- Tempered Courtyard color palette (#DEF9EF, #67A4CC, #AF8360, #986E4C, #162C25)
Browse the whole catalog at Explore, or see today's palette.