Worn Pier color palette — #F7E9F2 · #74BCD3 · #0086E2 · #006F59 · #0E0046

Azure and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7E9F2): bright and airy, almost weightless.
• Cyan (#74BCD3): A luminous, dusty blue — the color of deep harbor water.
• Azure (#0086E2): A luminous, vivid blue — the color of deep harbor water.
• Pine (#006F59): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#0E0046): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Indigo Bloom color palette (#F2E4E8, #91B4D6, #6D74E5, #006C72, #1F0035)
• Tempered Atelier color palette (#F6ECF7, #84BAC8, #0091B2, #00731F, #00142B)
• Weathered Petrol color palette (#E5DFD6, #62AEC5, #006F9B, #004A4A, #00142B)
• Linen Periwinkle color palette (#F5EBF2, #ADDBF2, #5EABEB, #009472, #20275B)
• Hushed Cerulean color palette (#F7E6DD, #0099B8, #004C7F, #002D22, #02001C)
• Airy Plum Basin color palette (#F2ECFF, #C562B8, #00957E, #A40097, #00140F)
• Antique Teal color palette (#FDF2F5, #DADDF4, #AEB9F3, #39AAB0, #434464)
• Feathered Crimson color palette (#F9DFE0, #E12153, #008D25, #006D5C, #170003)

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