Weathered Pier color palette — #FAF3F8 · #BEE3F3 · #5393B2 · #2E6F5E · #344A62
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Powder Blue (#BEE3F3): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5393B2): A luminous, balanced blue — the color of open sky before noon.
- Pine (#2E6F5E): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#344A62): A full-bodied, 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
- Muted Harbor color palette (#FCF2F7, #A3CBE4, #517CA6, #00605D, #2E385B)
- Washed Lagoon Atelier color palette (#EDF8F6, #CDDDF2, #6FB0C2, #008C8C, #2B4C5F)
- Softworn Cerulean Summit color palette (#F2F3EA, #C8E5D0, #389BB5, #006C6E, #003142)
- Worn Lagoon color palette (#FAE9F4, #35908F, #004451, #002412, #000B14)
- Onyx Boulevard color palette (#E7DAE2, #479CB5, #004E78, #00302B, #000745)
- Timeworn Amber color palette (#FFF0FA, #C06F5A, #008B9B, #287194, #482E41)
- Terracotta Loft color palette (#FFF0FA, #CF8D79, #009BAA, #A1462A, #004C53)
- Washed Pewter color palette (#E6FBEF, #81B3A3, #7D733C, #3F5A3F, #1F4541)
Browse the whole catalog at Explore, or see today's palette.