Azure Villa color palette — #FBF2FA · #9DEAF2 · #00A9E3 · #00884F · #233E6E

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sea Foam (#9DEAF2): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A9E3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00884F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#233E6E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Azure 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

• Timeworn Azure color palette (#FFF0FB, #6EDEEF, #0097D6, #00764E, #172D6B)
• Muted Periwinkle color palette (#FCF2F7, #AEE4FF, #5C9AFD, #008477, #3E366C)
• Timeworn Sky color palette (#FEF2ED, #D2DBF1, #41BEEA, #008B69, #0A375B)
• Powdered Summit color palette (#E7FAF6, #A3F4FD, #00CCE9, #00A6A1, #004759)
• Muted Powder Meadow color palette (#FAF3F7, #D8D5E6, #8AB6E2, #559582, #495267)
• Sapphire Veranda color palette (#F3E7EB, #88B8D5, #3E6ED6, #005A54, #211640)
• Aged Ultramarine Thicket color palette (#F0E5EA, #539CBF, #0050BA, #003C36, #0A0027)
• Abyss Bloom color palette (#F1E9F1, #49B4B7, #007191, #004E20, #00132E)

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