Azure Courtyard color palette — #EFF8F1 · #AAE6FA · #00A7EA · #008283 · #12416E

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Powder Blue (#AAE6FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#00A7EA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008283): A full-bodied, balanced teal — the color of sea glass.
• Navy (#12416E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Patina Coast color palette (#E9FBEC, #7CD8FF, #0094E0, #007178, #033069)
• Sky Station color palette (#FFF2EB, #BBEEFF, #68BFFF, #00A799, #273D6E)
• Aged Cerulean Hollow color palette (#EBF7FF, #D8D8F2, #DBB5EA, #00A0B0, #2A4968)
• Softworn Turquoise color palette (#E3F1E6, #42B2CB, #007096, #004A48, #001528)
• Misty Peony color palette (#D5F0FF, #00A9E3, #F42D9F, #808400, #00354B)
• Worn Balcony color palette (#E0E9E2, #6A97C3, #1948C6, #003949, #07002B)
• Ember Orchard color palette (#EBF7FF, #48D1FF, #DA6200, #0084A7, #602700)
• Hazy Bronze Summit color palette (#DAF8DF, #C7B55D, #AB7E00, #8A5102, #36380F)

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