Azure Villa color palette — #F4F6EE · #8BD9A1 · #3A97D4 · #43945D · #122922

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Mint Leaf (#8BD9A1): A luminous, balanced teal — the color of sea glass.
• Cerulean (#3A97D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#43945D): A luminous, balanced teal — the color of sea glass.
• Onyx (#122922): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Patina Harbor color palette (#F1F7EF, #6CDACB, #8084E0, #009487, #2E1E29)
• Wandering Emerald Corridor color palette (#ECF8F8, #B0F8D5, #5DA8CF, #1EA173, #04141F)
• Bronze Pier color palette (#F8F5EE, #CDC78A, #00A59E, #8E8300, #1C281A)
• Antique Garden color palette (#E9F9FA, #5DC4AC, #007C91, #00705E, #122731)
• Dusty Jade color palette (#EBF9F6, #BAE4A5, #AFA0F1, #7EB361, #1F2236)
• Misty Magenta color palette (#ECF9EF, #00D3E4, #C143DB, #008793, #2C151B)
• Tempered Boulevard color palette (#FFF2EB, #54C8B0, #2190C5, #944C30, #2C442F)
• Muted Lagoon color palette (#F2F7F1, #D1DEDC, #AFC7C9, #47A191, #444A41)

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