Azure Veranda color palette — #F4F6EE · #D8DEFB · #4893ED · #006489 · #0A1C41

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Frost (#D8DEFB): A whisper-light, dusty violet — the color of wild irises.
• Azure (#4893ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006489): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0A1C41): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Aged Azure Lagoon color palette (#F5F7EA, #B9F0FF, #00A1CA, #006970, #002231)
• Sunlit Periwinkle color palette (#F9ECDF, #ABD9FF, #79A1FC, #098E9D, #2C274E)
• Petrol Villa color palette (#E2ECE4, #8FB8DC, #426AAD, #00495A, #0E0F37)
• Timeworn Turquoise Station color palette (#EFF0E5, #60B1B8, #00606D, #002B29, #000102)
• Tempered Sky Pier color palette (#F5F7E9, #D4D8EA, #00C1EC, #00878C, #003B50)
• Weathered Balcony color palette (#F5F6EA, #8EDAE5, #0089A0, #005150, #000F16)
• Ember Coast color palette (#FFF2EC, #EA5F3F, #948300, #964794, #1F0200)
• Timeworn Driftwood color palette (#FFF2ED, #E0D8CE, #FFC79D, #BA6B74, #371209)

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