Azure Terrace color palette — #EFF8F0 · #CFE0FF · #3E9DCA · #006A68 · #00203B

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#CFE0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Cerulean (#3E9DCA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006A68): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00203B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Dusty Petrol Hollow color palette (#F0F7F1, #D9D5E1, #73ADDC, #007E87, #132D57)
• Aged Denim Coast color palette (#DCEADF, #73AACA, #005697, #002A31, #00000C)
• Ancient Petrol Grove color palette (#F5EDE2, #71BED4, #00719B, #00504E, #10304C)
• Sunlit Cobalt Basin color palette (#EEF8F0, #B0D0EC, #2E7AD4, #004F5D, #040037)
• Softworn Petrol Alley color palette (#E5F2E7, #76C6CC, #007389, #003F34, #000306)
• Ancient Balcony color palette (#F1F7F2, #DADFEB, #A3D2F3, #3BA3A7, #3C4F64)
• Peony Grove color palette (#DAFDFD, #57D39D, #C64DAD, #00764F, #300027)
• Tempered Pine color palette (#DDF6BC, #7EC576, #00904B, #00533C, #002620)

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