Azure Terrace color palette — #ECF7FF · #93D6F9 · #FAA58B · #00ACE7 · #623426

Built around Cyan, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#93D6F9): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Melon (#FAA58B): A luminous, balanced orange — the color of autumn markets.
• Cyan (#00ACE7): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#623426): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged light.

Use it as a design system

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

• Airy Apricot color palette (#EBF7FF, #94E1FF, #FF9F6B, #0098C0, #4E2C3F)
• Misty Periwinkle color palette (#EEF6FF, #A6D0FF, #E3B65C, #52A2F7, #553E08)
• Apricot Terrace color palette (#EAFAF1, #7DC3DE, #E08C6A, #008DB3, #603524)
• Misty Teal color palette (#E3FAFD, #98DCC7, #FEA28B, #00B997, #682F21)
• Patina Apricot color palette (#EBF7FF, #78CBE9, #F19F52, #B5972B, #193C4F)
• Marigold Hollow color palette (#CEE9FD, #8BD3FF, #DA9A03, #007EB2, #3E2900)
• Teal Corridor color palette (#EAF8FF, #DBDAE5, #78C2AB, #B1AEA3, #344C63)
• Muted Turquoise color palette (#E6F7EB, #00B7D4, #C5783A, #007184, #3A2006)

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