Airy Villa color palette — #FEF0D9 · #AFAB5F · #5B7700 · #504274 · #242200

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF0D9): A whisper-light, dusty gold — the color of old brass.
• Sage (#AFAB5F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5B7700): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#504274): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Pine Workshop color palette (#F5F3DC, #80B87F, #007F56, #344A7B, #202300)
• Olive Basin color palette (#FFF1F6, #B2A637, #3F7A22, #504A73, #1F4332)
• Worn Fern color palette (#ECE3D4, #93914F, #475F00, #432D57, #141300)
• Sunlit Mustard color palette (#E3FDE8, #C7C03D, #76932F, #6C6289, #3F3C11)
• Hushed Lantern color palette (#F7F1E7, #CDC3A6, #7B8A51, #765A52, #33312A)
• Soft Moss Studio color palette (#FFF3E7, #E7DB8B, #5FA828, #6C609C, #352F00)
• Jade Alley color palette (#E4E8CC, #00B078, #006A5D, #710E38, #001C10)
• Dusty Forest color palette (#E7E1CE, #678346, #005319, #411440, #040A00)

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