Airy Courtyard color palette — #F2D5DF · #CC8222 · #0066AD · #6D4000 · #00172D

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

The five colors

• Shell Pink (#F2D5DF): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#CC8222): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#0066AD): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6D4000): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Hushed Amber Lantern color palette (#FDDFBF, #C88221, #0066A3, #6F4300, #003051)
• Chalky Ember color palette (#FDDEEE, #D26000, #007E9E, #7A3500, #001922)
• Lapis Coast color palette (#DFF1E3, #A97F00, #4853FF, #614800, #0A004E)
• Tempered Grape Chapel color palette (#CDE8DC, #929521, #643ABD, #494A00, #160237)
• Soft Cornflower color palette (#FFDEBD, #F09929, #007AE6, #945900, #002D5C)
• Chalky Boulevard color palette (#DFFAEA, #BCA926, #6756EE, #685C00, #1C1350)
• Aubergine Summit color palette (#ECE0D1, #996500, #007473, #7B00A2, #170B00)
• Powdered Rose color palette (#FFE3E2, #F51A48, #008287, #910025, #001A1C)

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