Azure Coast color palette — #EAF7FF · #8ECCEA · #689FCC · #5A76A1 · #3D4C68

A conversation between Blue Fog and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF7FF): bright and airy, almost weightless.
• Sky (#8ECCEA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#689FCC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5A76A1): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#3D4C68): A full-bodied, dusty violet — the color of wild irises.

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

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

• Denim Parlor color palette (#E6F9FF, #7DB7C8, #4988B9, #43619D, #464B6D)
• Lilac Ridge color palette (#E7F0FF, #BEC4FB, #9D93CE, #846C9B, #4E4A6B)
• Aged Cerulean color palette (#EEF6FF, #A2C8F2, #D3A87B, #6190C3, #64414E)
• Aged Summit color palette (#DAFDFF, #8CDCD1, #4AB2B3, #348A95, #395768)
• Wandering Atelier color palette (#EFF6FF, #91B3E7, #D19192, #7B9E71, #354356)
• Weathered Cornflower color palette (#D6EAF9, #6DAFFF, #6084FF, #594EC6, #44316D)
• Airy Harbor color palette (#D6ECF6, #0071B1, #00488D, #120580, #0B002F)
• Celadon Pier color palette (#C3F79E, #FFCBA8, #C6C3FF, #464B5B, #30333C)

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