Weathered Pier color palette — #F9F0EB · #CBE4CD · #5598AF · #2B6C52 · #0B2F48
Pine takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Celadon Mist (#CBE4CD): A whisper-light, dusty green — the color of new leaves after rain.
- Storm Blue (#5598AF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#2B6C52): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#0B2F48): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Cypress Terrace color palette (#F7F1EB, #C7E4DA, #748DBF, #006B75, #3D2232)
- Wandering Cerulean Study color palette (#FCEFE8, #A9D3BA, #4583AB, #005C52, #0E1F3F)
- Hushed Denim color palette (#F2E3DC, #4E96A4, #005070, #002D24, #000410)
- Tempered Lagoon color palette (#E1FAE4, #B2E9ED, #CDC8F9, #3E8473, #153325)
- Teal Drift color palette (#D7F2E0, #59C2B2, #008286, #00596D, #003527)
- Hushed Market color palette (#E5F8E8, #3EB7C1, #BF786D, #00727A, #411914)
- Timeworn Petrol Atelier color palette (#D5FEE3, #76CAE5, #10829C, #00485B, #001C22)
- Cerulean Delta color palette (#E2F9E8, #009FB2, #B56561, #995742, #0D2415)
Browse the whole catalog at Explore, or see today's palette.