Weathered Pier color palette — #B2F1F0 · #63B3D8 · #5B6D97 · #612E31 · #2F1400

Cyan takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#B2F1F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#63B3D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5B6D97): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#612E31): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2F1400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, 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

• Weathered Teal Atelier color palette (#DBF5E9, #57BABB, #367E9B, #68374F, #340007)
• Garnet Canyon color palette (#C9EFFA, #779DC3, #605F97, #631D00, #130A00)
• Fern Bloom color palette (#D4E6DF, #6DB7A5, #518BA8, #6D6828, #2C2E00)
• Muted Drift color palette (#DAE8F8, #7E7CA7, #65406D, #392100, #010100)
• Wandering Lagoon color palette (#DBF1DB, #1D8D92, #3E5480, #422C00, #1E1100)
• Ancient Archive color palette (#EAF8FF, #A4C1FA, #907FC2, #7E4D2D, #382900)
• Basalt Pier color palette (#E8F8FF, #D4D9F1, #A4ADC2, #8A7685, #603E4B)
• Soft Ridge color palette (#C4ECF4, #00A7D8, #006BA4, #003774, #030240)

Browse the whole catalog at Explore, or see today's palette.