Azure Pier color palette — #ECF7FF · #4AAEE6 · #006A90 · #003C59 · #00283C

Cornflower takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cornflower (#4AAEE6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003C59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00283C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, 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

• Turquoise Harbor color palette (#D8FEFF, #00B1BC, #007379, #004043, #00292D)
• Soft Ultramarine color palette (#F0F5FF, #7C9CED, #1C59BB, #0F2F78, #0B1A49)
• Tempered Cobalt color palette (#EEF6FF, #92B5EE, #3F77CA, #10467E, #162F4D)
• Tempered Brick Chapel color palette (#F0F6FE, #719ADC, #A62633, #184B9B, #211220)
• Muted Mallow color palette (#E9F8FF, #CCE2FF, #BCA6E8, #007F74, #273E52)
• Airy Cobalt Garden color palette (#D5E6F5, #0082D7, #004B78, #001D35, #000714)
• Wandering Petrol color palette (#DFF2FF, #007BA5, #7A5C00, #00523D, #0C293B)
• Aged Azure color palette (#EDEBD6, #FFADA5, #0099E6, #2E324E, #16232E)

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