Azure Coast color palette — #ECF8F7 · #B8DAED · #00A3D8 · #007A88 · #213E53

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Powder Blue (#B8DAED): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A3D8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#213E53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Periwinkle Summit color palette (#ECF8F8, #D6DBF8, #6BA8EF, #2A85AB, #374961)
• Tempered Cypress color palette (#FCF2F8, #D6D4E0, #75AAE3, #00816B, #282A4D)
• Denim Balcony color palette (#CEE3E1, #509DBE, #005F88, #003A44, #000A16)
• Dusty Lantern color palette (#E2F3EF, #92D2CE, #00999E, #006E5D, #00353B)
• Muted Market color palette (#E3F1F0, #89B9D4, #007BBC, #00566A, #00203E)
• Ancient Rose color palette (#E3E1FF, #B37BCD, #E94453, #257CC3, #2A2840)
• Indigo Courtyard color palette (#E7EFFF, #929EFE, #00AD99, #5E66C3, #003F37)
• Patina Mallow Delta color palette (#F3F4FF, #F3D3E4, #E5ADDF, #827DB9, #404059)

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