Azure Courtyard color palette — #FFF4E3 · #88D8F4 · #0097D6 · #007274 · #033360

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Ice Blue (#88D8F4): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0097D6): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007274): A full-bodied, balanced teal — the color of sea glass.
• Navy (#033360): 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

• Hazy Courtyard color palette (#FDF4E6, #5AE2E1, #009EB0, #007559, #003949)
• Patina Azure color palette (#E1FCF8, #CCDEF3, #00A8DE, #00707D, #00283E)
• Pale Canyon color palette (#FFF0F9, #A3E5FC, #49B3FF, #00998D, #142C6E)
• Timeworn Cobalt color palette (#FFF2EA, #00CCF4, #0072BB, #005844, #25286D)
• Periwinkle Loft color palette (#F8F5EF, #C3F0E0, #6FA8ED, #14899E, #583E53)
• Weathered Lagoon color palette (#EEE5D6, #6AB0AB, #00747E, #004C35, #00171E)
• Tempered Canyon color palette (#ECE3D6, #6B98BC, #0451B7, #003947, #040327)
• Quiet Plum color palette (#EAECDA, #8D9400, #008BBE, #C5007A, #242700)

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