Azure Pier color palette — #FFF2EA · #C1EEFF · #5298D2 · #006A64 · #101C3E

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Frost (#C1EEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#5298D2): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006A64): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#101C3E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Periwinkle Veranda color palette (#FEF3EA, #D8D6E2, #75A8ED, #137E81, #402338)
• Cobalt Archive color palette (#FCF4EA, #A0D2FD, #5475CC, #005059, #0E012E)
• Dusty Petrol color palette (#E9F1EA, #91B7CE, #006FA3, #004F52, #002D5C)
• Hazy Pine Delta color palette (#FFF2EB, #CFE1F9, #07C3E1, #048D53, #003A54)
• Wandering Ultramarine color palette (#EDE1D5, #6FA9D2, #144BB4, #002B2E, #010009)
• Clover Grove color palette (#E1EECD, #45D24D, #009069, #005346, #002829)
• Petrol Thicket color palette (#FFE9DF, #60C8D7, #007195, #003F31, #000309)
• Mint Loft color palette (#D6FFF9, #00DCBD, #00927E, #00463D, #000706)

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