Cobalt Pier color palette — #FDF0FE · #ECD7E6 · #BFB7E2 · #1878D4 · #3B2E3C

Built around Azure, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#ECD7E6): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#BFB7E2): A luminous, dusty violet — the color of wild irises.
• Azure (#1878D4): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#3B2E3C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cobalt 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 Pier color palette (#FFF0F9, #F4D4DF, #D9B2B9, #716BBD, #422A38)
• Dusty Cobalt Alley color palette (#E7FBF2, #EAD7EA, #D4B2CA, #0081B4, #1A3A2F)
• Tempered Azure color palette (#EEF6FF, #DBD6E9, #D1B8DD, #2B9CFC, #233446)
• Plum Lantern color palette (#FEDCF7, #5882FF, #BA0078, #624000, #002C19)
• Pewter Veranda color palette (#F1E3E6, #D4BEBF, #B89D9A, #774E82, #291A1E)
• Wandering Indigo color palette (#E9EBFD, #6853FF, #452761, #2C0E23, #0D040C)
• Tempered Harbor color palette (#FDF2F3, #E3D8D2, #CDBEB1, #A97FA5, #514445)
• Lilac Harbor color palette (#E9F0FF, #AF9AED, #A26D94, #796120, #323E00)

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