Azure Pier color palette — #E4F7FF · #69CCFF · #4099F0 · #395798 · #232C54

Cornflower and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E4F7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#69CCFF): A luminous, balanced blue — the color of deep harbor water.
• Cornflower (#4099F0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#395798): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#232C54): 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

• Azure Station color palette (#CCEEF5, #4FC3FC, #469DF0, #5274C3, #343060)
• Muted Market color palette (#EEF6FF, #AFC6FF, #8A85EF, #685298, #362449)
• Feathered Glacier color palette (#D5FFFB, #0EE3F6, #009FBA, #00607F, #012F4E)
• Nightshade Balcony color palette (#C4E5EC, #44A5D3, #006AA9, #1B2D9C, #201548)
• Iris Lagoon color palette (#F2F5FF, #D0DBFF, #6E89E5, #314182, #070A35)
• Soft Marigold color palette (#FFEFFF, #94C2FF, #CF9C34, #4177BE, #362400)
• Weathered Violet Veranda color palette (#DBE6FF, #A3A5FF, #884CFF, #7420AD, #430D4D)
• Wandering Ash color palette (#FFF0FC, #DED2D8, #CAAA97, #6C9FBE, #3E2638)

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