Azure Terrace color palette — #F8ECE4 · #83CCE8 · #0998F2 · #007E77 · #101C42

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

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Sky (#83CCE8): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0998F2): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#007E77): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#101C42): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Wandering Pine color palette (#EDDFD7, #8ECDCD, #00A2C2, #008154, #002236)
• Chalky Periwinkle Courtyard color palette (#F7ECE2, #B0D9F9, #76A2FD, #008F9B, #2B274F)
• Cornflower Pier color palette (#F3E7DA, #80B6E5, #4C74FF, #006B78, #16013E)
• Antique Station color palette (#DBEEEC, #74BDD9, #007FAD, #005764, #002237)
• Softworn Atelier color palette (#FFF2EC, #7FEFF1, #00BDE4, #009D69, #003755)
• Patina Denim Workshop color palette (#D6E2D9, #6EA5BB, #005E8C, #00393C, #000A1E)
• Tempered Archive color palette (#FCE3D0, #EC7700, #009EBE, #AC5500, #001F27)
• Tangerine Thicket color palette (#F5D8C8, #EA7421, #0091B6, #006AB6, #210A00)

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