Faded Pier color palette — #D6EAFF · #0577EE · #0B45D7 · #180A9F · #0B003F

Built around Cobalt, softened by Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#D6EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0577EE): A full-bodied, vivid blue — the color of deep harbor water.
• Cobalt (#0B45D7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#180A9F): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#0B003F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Patina Terrace color palette (#C7E5F5, #0090EF, #0061E8, #4512BE, #1A0037)
• Sunlit Grape Boulevard color palette (#E4EBFF, #5863EE, #5432D1, #3C0088, #1F0042)
• Soft Ultramarine color palette (#D3E2F3, #2C84FC, #0037D8, #10007C, #01000B)
• Nightshade Corridor color palette (#E5EEFF, #4F69E5, #00785F, #2421B8, #00140E)
• Softworn Nightshade Archive color palette (#D2EDFA, #006DA2, #0D06C1, #1D005C, #170031)
• Hazy Grape color palette (#DEDEEC, #847AF1, #5330C2, #25006F, #040016)
• Dusty Cobalt color palette (#CAEBFE, #007FB9, #00558D, #002F5E, #001139)
• Worn Courtyard color palette (#EAEEFF, #4850D7, #9C067D, #00555E, #040027)

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