Worn Pier color palette — #F7EFF5 · #BDE3F2 · #4598C0 · #2F6C4A · #1B2D45

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Powder Blue (#BDE3F2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4598C0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#2F6C4A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1B2D45): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Periwinkle Hollow color palette (#F7EFF2, #D8D1E4, #809BD4, #397772, #313547)
• Weathered Cobalt color palette (#F9EEF5, #9BD1E5, #447FBE, #005D4D, #161F39)
• Ancient Lilac color palette (#DFF8F8, #57BA8C, #AC72C4, #00784F, #341B3E)
• Worn Aqua color palette (#F8F4EE, #B9E7F2, #67CAE8, #399384, #24473B)
• Cerulean Boulevard color palette (#ECDBE6, #2899B0, #004D7A, #002D20, #02001D)
• Worn Villa color palette (#FAE8ED, #567CA1, #2D1A9B, #001F21, #020006)
• Washed Ultramarine Parlor color palette (#EDDBE3, #5DA6CB, #004CC2, #003A34, #0D002B)
• Timeworn Lagoon Ridge color palette (#CDFDFD, #86C89F, #00896A, #00503B, #001B0C)

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