Azure Coast color palette — #FAF3F7 · #B2DCF0 · #419FD4 · #007E6D · #243B5D

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#B2DCF0): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#419FD4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E6D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#243B5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Periwinkle color palette (#FCF2F6, #D6DEFC, #7CA6E8, #008B93, #3C4765)
• Soft Atelier color palette (#F5ECEF, #9ACAF1, #5A81DE, #006A75, #2C2653)
• Weathered Harbor color palette (#F5F6EE, #96D0DF, #0085A8, #005F65, #164435)
• Hushed Pine Hollow color palette (#E9DEFF, #DF84D0, #00888C, #008F32, #2F263F)
• Dusty Denim color palette (#EADCE4, #549EB5, #005D90, #003C36, #00022C)
• Powdered Lapis Parlor color palette (#E7F2E6, #6DA7DD, #374EE5, #004853, #18013E)
• Gentle Plum color palette (#F1EBFF, #D38CC7, #00AE93, #AB3D9F, #003F34)
• Aged Marigold Study color palette (#F8F2FF, #F6D5C9, #F4B47C, #9480B8, #4D3D51)

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