Weathered Pier color palette — #B9F3EB · #97D3EE · #9BAAFB · #AB7E3B · #4D4B44
Lavender and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Sea Foam (#B9F3EB): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#97D3EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lavender (#9BAAFB): A luminous, balanced violet — the color of twilight just after sunset.
- Caramel (#AB7E3B): A luminous, balanced gold — the color of old brass.
- Charcoal Brown (#4D4B44): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.
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
- Muted Seafoam color palette (#ECEEC5, #7DE0D9, #75B6DE, #AD806F, #6D4330)
- Timeworn Fern color palette (#D7F3FF, #B6CDF8, #C39CCD, #88966C, #3F5520)
- Weathered Meadow color palette (#EBF7FF, #C8E1FF, #96A6EB, #916A86, #623B38)
- Iris Bloom color palette (#D7E3D5, #87BDBF, #918ECE, #806D39, #2E3D17)
- Soft Pier color palette (#DFEEFF, #C4B6F1, #D37AB3, #50814E, #004D3F)
- Worn Veranda color palette (#B9E7FC, #80B0DA, #6F77B4, #714334, #3F2700)
- Moss Archive color palette (#FDE0FF, #7CB8FF, #ED9300, #7EAE00, #173150)
- Weathered Stone color palette (#FFF0FC, #ECD3CF, #D2B9A6, #939D85, #485043)
Browse the whole catalog at Explore, or see today's palette.