Airy Courtyard color palette — #FFF1F7 · #CAE9FF · #8CB7FF · #00A4AE · #393674
Sky and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Frost (#CAE9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8CB7FF): A luminous, balanced violet — the color of wild irises.
- Cerulean (#00A4AE): A luminous, balanced blue — the color of open sky before noon.
- Navy (#393674): 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
- Sky Balcony color palette (#FCF1FA, #BEEDFF, #36C7FB, #00A984, #12426C)
- Periwinkle Courtyard color palette (#F6EBEE, #B7D7F8, #839DFE, #008EA3, #302453)
- Dusty Teal Bloom color palette (#FAF3F7, #D3D6E9, #ADC2E6, #68B58D, #3A566C)
- Azure Orchard color palette (#F4F7ED, #B8E7D6, #3DA2F3, #007D9F, #0C3F78)
- Sunlit Azure color palette (#EDDFE9, #8ECBD8, #0B9ED7, #007F6A, #001E43)
- Airy Cobalt color palette (#FAF0E7, #9BD8FF, #4B82D6, #006166, #1F1D4D)
- Antique Loft color palette (#D9FFF3, #AFD661, #BDA5FF, #7FA800, #422478)
- Petrol Harbor color palette (#F7EAF4, #60AEB8, #0080A6, #005F49, #000A18)
Browse the whole catalog at Explore, or see today's palette.