Azure Veranda color palette — #FFF2EB · #7CDBF1 · #0097D5 · #007464 · #04306B

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#7CDBF1): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0097D5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007464): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#04306B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Ancient Azure Basin color palette (#FEF3ED, #BCDEC6, #33A1D2, #007E67, #233C5A)
• Cornflower Delta color palette (#FFF3E7, #99D2FF, #5183FF, #00717C, #312568)
• Airy Sky Harbor color palette (#FFF0FA, #90E9FF, #4BB3FF, #009B75, #212A6D)
• Airy Cobalt color palette (#F7E8DE, #7FBCD0, #007BBD, #005A52, #071A4C)
• Ultramarine Studio color palette (#F7ECE2, #65A9DD, #2755DE, #004951, #140837)
• Powder Courtyard color palette (#FAF4EF, #C2E1EF, #86B6E4, #56938E, #604B5B)
• Magenta Archive color palette (#F7DBF0, #FF3CE0, #007F7C, #00843A, #3D0D34)
• Pale Violet Field color palette (#FFF0FB, #FFCDCE, #FFA45B, #8F5CC3, #522732)

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