Airy Courtyard color palette — #F8DAF3 · #2346FF · #486300 · #314400 · #0F1C41

Built around Cobalt, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Thistle (#F8DAF3): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#2346FF): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#486300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#314400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#0F1C41): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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

• Softworn Ultramarine color palette (#FAD8F6, #0C51F4, #615B00, #00454F, #0F1E3D)
• Quiet Basin color palette (#F1D5E6, #544CC6, #00651F, #003A63, #161636)
• Tempered Lagoon color palette (#DAE3FD, #692DFE, #7B5200, #224600, #0A0229)
• Tempered Violet color palette (#FFD7EE, #806BFF, #9D6D00, #346500, #1D1741)
• Indigo Market color palette (#FFF0FB, #5367E2, #626E00, #00526A, #3B2135)
• Worn Terracotta color palette (#C7EFE2, #006EA9, #9F2500, #2B4600, #002238)
• Feathered Violet color palette (#FFE7F0, #9565D0, #395D00, #00428A, #351F28)
• Airy Grape color palette (#FFEFF7, #6100E5, #6E2900, #003337, #1A1437)

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