Azure Courtyard color palette — #F2E3EC · #8DCAE0 · #3096F1 · #007F68 · #181649

Built around Azure, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Blush (#F2E3EC): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#8DCAE0): A luminous, dusty blue — the color of deep harbor water.
• Azure (#3096F1): A luminous, vivid blue — the color of open sky before noon.
• Teal (#007F68): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#181649): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Chalky Garden color palette (#ECE2ED, #8DCDCC, #00A1C8, #00842E, #002040)
• Frosted Indigo Pier color palette (#EBDBE1, #92B4D4, #6576E6, #006C6F, #1D0037)
• Periwinkle Villa color palette (#F9EAF0, #B8D7F2, #82A0F5, #00918E, #332155)
• Wandering Cobalt Veranda color palette (#E5DED4, #79BDD3, #007EB1, #00595A, #00203F)
• Timeworn Cobalt Summit color palette (#EEF8F0, #97D7ED, #0084B9, #005152, #000D1F)
• Feathered Emerald color palette (#FBF2FB, #99EBE8, #00BDE8, #00A033, #003460)
• Patina Orchard color palette (#F3E4EC, #E77A3F, #009DC4, #B44D00, #001E28)
• Timeworn Denim Coast color palette (#F7E8DF, #5EA8BE, #005B98, #003B2D, #06022D)

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