Weathered Pier color palette — #F9F3F7 · #D8DFEF · #98B4D3 · #4B9684 · #48526B
Built around Fern, softened by Ash — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#D8DFEF): A whisper-light, dusty violet — the color of wild irises.
- Ash (#98B4D3): A luminous, dusty blue — the color of deep harbor water.
- Fern (#4B9684): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#48526B): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Calm, Sophistication. Tagged coastal, cool, light, 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
- Softworn Powder Basin color palette (#F0F7F1, #D8DFED, #97CFF2, #72AEAF, #425469)
- Ancient Villa color palette (#F4F4FF, #C6A1D5, #BBA264, #859641, #423F56)
- Pewter Meadow color palette (#EDF9EC, #B4D4C1, #88A486, #8C6780, #384D47)
- Dusty Iris Dune color palette (#FDF2F5, #BAE0FF, #7F96EA, #008283, #4A2E72)
- Weathered Ultramarine color palette (#FAE7EE, #6FA9D0, #3C5CC5, #004A48, #1A003B)
- Weathered Indigo Archive color palette (#DEF2FF, #A6C5EE, #8A9BDC, #8567AD, #504A6A)
- Tempered Forest color palette (#F2ECF3, #9DCDDC, #0094BB, #00712E, #002D5B)
- Patina Iris color palette (#F3F4FF, #CABCE7, #C9AF67, #977CC5, #33563F)
Browse the whole catalog at Explore, or see today's palette.