Azure Courtyard color palette — #ECF8F7 · #D1DCFA · #0A97F3 · #006682 · #001D42

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Powder Blue (#D1DCFA): A whisper-light, dusty violet — the color of wild irises.
• Azure (#0A97F3): A luminous, vivid blue — the color of deep harbor water.
• Peacock (#006682): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#001D42): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cerulean Alley color palette (#ECF8F6, #B3F2FD, #00A2C1, #006A6A, #00222E)
• Periwinkle Balcony color palette (#EAF8F8, #DBDDE8, #6FA8F6, #1277A4, #1F2F48)
• Ancient Petrol Drift color palette (#F0E8DC, #8ABAD9, #316DAD, #004A55, #071138)
• Patina Chapel color palette (#DAE8E5, #4AB5B4, #006167, #002C26, #000102)
• Softworn Cerulean Alley color palette (#E6FAF6, #97D9DC, #008A98, #00524B, #000F14)
• Dusty Lantern color palette (#EFF7F7, #DADCE7, #A6CFFF, #6999B1, #424E60)
• Plum Harbor color palette (#FAF1FF, #F27FAE, #458EFF, #B30068, #00153D)
• Rose Drift color palette (#FFEFFF, #F54A65, #A77900, #8849B0, #210004)

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