Azure Courtyard color palette — #D7E9E7 · #77CDEB · #009FD4 · #007B89 · #002236

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7E9E7): bright and airy, almost weightless.
• Sky (#77CDEB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009FD4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007B89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Teal Hollow color palette (#E4F2EF, #82D0CB, #00A6AB, #007F6B, #002529)
• Sunlit Harbor color palette (#E3F2F1, #B3D8F8, #4BAAFF, #008BB2, #0F2D56)
• Patina Cornflower color palette (#DDEEEE, #86B6DE, #0383EE, #00678B, #000E3B)
• Aged Grove color palette (#E1EDEC, #69ACBF, #0080A4, #005C63, #000B13)
• Cobalt Boulevard color palette (#FFF2EA, #76DBFC, #0981C4, #00524B, #01062F)
• Misty Orchard color palette (#E7FAF6, #78F0EF, #00C1CE, #009988, #003A43)
• Dusty Lagoon color palette (#F7ECF3, #5EA8C1, #155A98, #003A2F, #08002E)
• Teal Archive color palette (#EFF7F6, #D3DFED, #92D3E2, #65B1AE, #3B5766)

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