Azure Villa color palette — #FFF0FA · #8DD8EC · #2493E0 · #00755A · #232A69

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#8DD8EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#2493E0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00755A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#232A69): 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 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

• Misty Thicket color palette (#FFF1F5, #99D2FF, #6780F8, #007273, #3C2260)
• Muted Azure Canyon color palette (#FFF2EB, #D2EAFF, #0DA2F5, #007557, #13185E)
• Antique Pine Summit color palette (#FCF1FE, #ADE8E4, #00ADCF, #238823, #05426F)
• Cobalt Workshop color palette (#EDDFE7, #78BDD4, #1877C7, #005B4A, #18154C)
• Lagoon Summit color palette (#FCF2F6, #CBE9FF, #8DA5D0, #428880, #404661)
• Powdered Veranda color palette (#EDE6B8, #C4B12A, #6C64EC, #776A00, #271872)
• Ultramarine Pier color palette (#EBDDE3, #5E9AC0, #2F4EB0, #003C39, #0D0024)
• Hushed Bronze color palette (#DCFFEA, #B9E9A5, #00D0DB, #BB5E1E, #344100)

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