Azure Villa color palette — #F9F3F7 · #B8DAEC · #399EDD · #007D70 · #283B57

Cornflower takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#B8DAEC): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#399EDD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007D70): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#283B57): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Ancient Cerulean Loft color palette (#FFF0FB, #63E0EB, #009BC3, #007557, #00355B)
• Washed Periwinkle color palette (#FAF3F5, #D6DDF9, #7FA5E8, #168A94, #3D4664)
• Cornflower Chapel color palette (#F9EAEE, #A3C9EC, #5C7EE7, #006A77, #2E2552)
• Turquoise Terrace color palette (#DFF3EF, #00C4CB, #0090AC, #006587, #163B5F)
• Washed Lantern color palette (#F4F7EB, #A7D0B8, #0084AB, #005E67, #144436)
• Aged Ridge color palette (#E9DFE5, #619CB2, #005C96, #003C38, #02012C)
• Teal Loft color palette (#F7E5F1, #50B4B0, #007385, #004D2A, #001623)
• Feathered Ember color palette (#C9EAFD, #00A6C9, #E25435, #A26A00, #063041)

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