Airy Villa color palette — #D8EAEF · #59C200 · #00978B · #005992 · #000102

Built around Clover, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Frost (#D8EAEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Clover (#59C200): A luminous, vivid green — the color of fresh herbs.
• Fern (#00978B): A luminous, balanced teal — the color of glacier melt.
• Peacock (#005992): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.

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

• Ultramarine Field color palette (#D1F0FE, #00C562, #009AA2, #1739D4, #000103)
• Soft Mustard color palette (#D3ECEA, #B5AC00, #00A264, #005A70, #000201)
• Quiet Grape color palette (#D2E6F4, #00B29E, #0084BF, #6807B7, #000108)
• Denim Lantern color palette (#D9EDE3, #47898F, #254A73, #3B1A00, #060100)
• Tempered Nightshade color palette (#D6EFD4, #6E7C00, #006B65, #241E9F, #000102)
• Aged Balcony color palette (#F5E7EE, #63ADCD, #005796, #002B2A, #00000B)
• Cellar Petrol color palette (#C7E7E3, #007681, #004458, #001C33, #000009)
• Hushed Bronze color palette (#F3E1E7, #8D792F, #374200, #002216, #000201)

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