Azure Pier color palette — #CCF1F4 · #3FC8FC · #269DFA · #5F73C9 · #42375D

Built around Cornflower, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Frost (#CCF1F4): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#3FC8FC): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#269DFA): A luminous, vivid blue — the color of deep harbor water.
• Cornflower Indigo (#5F73C9): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#42375D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Cornflower Summit color palette (#D3F3FF, #3FB1F0, #0082E4, #2F54A1, #2F3258)
• Cobalt Delta color palette (#DBF4EB, #00D1C8, #00ADC8, #187FC4, #303C63)
• Airy Meadow color palette (#CAE9FA, #8BBBFF, #8690FF, #8D5BAE, #4F284A)
• Mustard Field color palette (#DAF6EC, #74C9FF, #D7BB21, #0090D0, #3F3500)
• Worn Sapphire Lagoon color palette (#D0E9EE, #00A8E0, #2A6CFD, #5C3BBB, #2F0A46)
• Cobalt Ridge color palette (#F1F5FF, #B8CAFF, #8CA0FF, #4D6BC3, #141847)
• Byzantium Basin color palette (#CCE4FD, #94B0FF, #9270FF, #A019C2, #590043)
• Hushed Lime Basin color palette (#CDE9DE, #98D700, #98B5FF, #5D3F58, #20191F)

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