Airy Villa color palette — #F0F5FF · #B3C5FF · #B7B822 · #556EEB · #313100

Built around Sapphire, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#B3C5FF): A whisper-light, balanced violet — the color of wild irises.
• Gold (#B7B822): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#556EEB): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#313100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Airy Villa 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

• Cobalt Garden color palette (#EEF6FF, #9CCCFF, #F5971F, #007EDC, #452600)
• Feathered Violet Alley color palette (#F3F4FF, #D5B7FF, #60CC54, #9750E0, #073903)
• Tempered Moss color palette (#F4F4FF, #E9B8FF, #AAA626, #8B52A3, #2B2900)
• Airy Alley color palette (#F2F5FF, #BAAAFF, #929300, #6239BB, #1A1A00)
• Linen Peony Studio color palette (#F6F3FF, #FBBCF6, #9ACB8B, #B26DAE, #274020)
• Softworn Lapis Delta color palette (#ECF2FF, #8688FF, #908500, #4E2FDC, #252100)
• Nightshade Pier color palette (#FFF0FC, #7D9DFF, #818500, #2633C2, #3C3E00)
• Turquoise Corridor color palette (#F1F5FF, #EAD9E1, #AFBAAC, #5AB0DE, #303151)

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