Worn Pier color palette — #B4F8F9 · #51BBCB · #0086A5 · #005F88 · #3E4166

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#B4F8F9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#51BBCB): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0086A5): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005F88): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3E4166): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Worn 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

• Misty Cobalt color palette (#B8E9FF, #6AB2E7, #437DC1, #3F5695, #513B63)
• Teal Parlor color palette (#BEEFD7, #4DBFAA, #008A82, #005F67, #1E405C)
• Hushed Meadow color palette (#DAEDC4, #68C7CC, #00A4D0, #0073AA, #314169)
• Tempered Amber Summit color palette (#EBF7FF, #60AACB, #BD754B, #006F93, #593549)
• Washed Turquoise Quarry color palette (#B4F0F1, #65D9EE, #00B7DE, #2E89BA, #1E5147)
• Hushed Summit color palette (#EDF6FF, #89C3F4, #3475A4, #00456F, #022E4D)
• Timeworn Navy Loft color palette (#E2F2F6, #0097CE, #0068A6, #003E88, #3D1165)
• Softworn Cerulean Study color palette (#ECF7FF, #D8D8EB, #C0BCEE, #3D8592, #3D4E61)

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