Airy Courtyard color palette — #EDF6FF · #5CB5FF · #21B959 · #007DC8 · #00481C

Clover and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Cornflower (#5CB5FF): A luminous, balanced blue — the color of deep harbor water.
• Clover (#21B959): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#007DC8): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00481C): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Faded Moss Field color palette (#EAF8FF, #00C1E8, #8EA900, #0085A1, #354000)
• Sunlit Ultramarine color palette (#CCE0F8, #539BEE, #009F63, #0063B9, #00321C)
• Indigo Pier color palette (#F1F5FF, #A0A3FF, #00B3A4, #695BEF, #00453E)
• Muted Azure color palette (#EEF6FF, #4799E1, #A47500, #005FA0, #4E3600)
• Faded Magenta Study color palette (#DFECFF, #5D99FF, #C364C6, #00908F, #152F5B)
• Tempered Workshop color palette (#DFEAFF, #6B7BE4, #008876, #3A3DB6, #00211B)
• Cornflower Study color palette (#FEF0FF, #9CC8FF, #FFAD4E, #328DF3, #553100)
• Cobalt Bloom color palette (#EFF6FF, #DED6E5, #D2C0FF, #528BC8, #3A4268)

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