Airy Courtyard color palette — #F7EEE7 · #5DA9CD · #0057A2 · #003E3E · #151946

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EEE7): bright and airy, almost weightless.
• Cyan (#5DA9CD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#0057A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#151946): 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 Airy 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

• Denim Study color palette (#FBEBE3, #6BABAD, #006177, #004029, #002237)
• Weathered Parlor color palette (#CCE6E4, #5BA6CA, #005E8B, #003843, #000B1A)
• Weathered Sapphire Lagoon color palette (#F4EDE6, #89B6E1, #455FC0, #004E59, #2E274D)
• Soft Corridor color palette (#FFF2EC, #57CBD6, #00799B, #005841, #00355C)
• Navy Coast color palette (#F9E9DF, #4C89A2, #003E6B, #002221, #02012D)
• Muted Quarry color palette (#D7E5DA, #8EC9E7, #3898E3, #007B87, #041C48)
• Chalky Cornflower color palette (#FCF4ED, #A3D6F5, #307CE6, #00666A, #383A68)
• Hushed Meadow color palette (#FAF4EE, #C3E5D9, #6A89C5, #006F79, #5B3D4F)

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