Azure Courtyard color palette — #F1F7F2 · #D7DEEF · #689FCC · #237C84 · #445468

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D7DEEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#689FCC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#237C84): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#445468): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

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

• Wandering Cypress color palette (#F8EFF3, #D7D1E6, #849EC3, #3E776D, #2F354A)
• Ancient Lagoon color palette (#E6F9FD, #D1DCE8, #B6A8B4, #608F8D, #3E555C)
• Weathered Denim Market color palette (#E7F2E9, #5CAAC7, #005D8A, #003E40, #001F42)
• Antique Blush color palette (#E8F9FB, #7DBFAB, #CF79A2, #11856D, #54475E)
• Patina Dune color palette (#F0F7F1, #94D0DE, #0084AC, #00605B, #223D54)
• Wandering Pier color palette (#E6F1E8, #5A86A5, #003B78, #002128, #03002E)
• Patina Summit color palette (#EAFAF1, #96C4B2, #8A8249, #4B654F, #374D48)
• Weathered Teal Corridor color palette (#E0FBFF, #49AB9A, #927CBB, #986B47, #2B484C)

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