Airy Courtyard color palette — #F4F4FF · #9800D9 · #A30C02 · #00465F · #182442

Violet and Garnet set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Violet (#9800D9): A full-bodied, vivid violet — the color of a velvet chair.
• Garnet (#A30C02): A full-bodied, vivid orange — the color of autumn markets.
• Navy (#00465F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#182442): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Amethyst Boulevard color palette (#F2F4FF, #7F31FE, #A10039, #004049, #0D2039)
• Plum Corridor color palette (#F7F3FF, #B40099, #7F3D00, #003478, #1F1F3A)
• Sunlit Grape color palette (#E8E2FF, #8F009D, #651E00, #002741, #0B0E2B)
• Patina Alley color palette (#F2EFFF, #9739B9, #6C5900, #004438, #000B1D)
• Gentle Ultramarine Pier color palette (#EFF6FF, #1D48F8, #93006E, #00433D, #022439)
• Weathered Peony Chapel color palette (#FFF0F7, #EA3B92, #B01638, #574200, #422B49)
• Worn Mulberry color palette (#F6F3FC, #EBD3E3, #C7B4D0, #944D83, #423D4A)
• Dusty Wisteria Delta color palette (#FFF1F4, #BE6DDC, #857500, #006750, #112444)

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