Azure Villa color palette — #FDF3ED · #B9DFC8 · #4F9ED0 · #107D6E · #263A5C

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#B9DFC8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#4F9ED0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#107D6E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#263A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Washed Quarry color palette (#FCF3EC, #C8EFE1, #8EA5CF, #158A94, #5C3C50)
• Patina Sky Thicket color palette (#F4F6EB, #BFEDD2, #55C0E8, #009EAA, #103F57)
• Patina Cobalt color palette (#F8ECE0, #A3C9EB, #6883C9, #006A77, #2E2456)
• Teal Chapel color palette (#E1F5F1, #0BBDBB, #0091AF, #00678C, #1C3D61)
• Tempered Denim color palette (#EFDFD5, #5D9CB4, #005C96, #003C38, #02012D)
• Lagoon Market color palette (#E0FDEE, #D3E7FF, #D6BDF3, #499D93, #22473B)
• Tempered Amber Canyon color palette (#DEF5E7, #26BADB, #D27D47, #007F98, #53280B)
• Washed Teal color palette (#FAECE4, #4CB5AF, #007384, #004D28, #001623)

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