Azure Terrace color palette — #F4F6EF · #BFE7ED · #93C1F9 · #3DA4D3 · #5A3C57

Cyan and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Frost (#BFE7ED): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#93C1F9): A luminous, balanced blue — the color of deep harbor water.
• Cyan (#3DA4D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5A3C57): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Sunlit Atelier color palette (#F3F7EB, #B4EBF0, #78BCFF, #009FCD, #1B3F72)
• Cerulean Grove color palette (#F9F4EF, #C4E4E9, #8BA2E1, #008A9B, #5C3D4D)
• Turquoise Workshop color palette (#F5F6EF, #C2E6E3, #7ACAE9, #00ACB8, #255242)
• Gentle Harbor color palette (#ECF9EC, #7CDFDE, #BDB1FF, #00B5B5, #423C62)
• Weathered Cerulean color palette (#EAF4F4, #C5E0FA, #6E90BC, #2D6581, #1F2D41)
• Cobalt Delta color palette (#EEF1E6, #76A8C1, #007DB4, #005B6C, #000A17)
• Soft Clover Balcony color palette (#E6FDE6, #5CD3D5, #8BB4FF, #88B656, #253F27)
• Hushed Turquoise Station color palette (#E1FEE5, #9AECF2, #3DC1CD, #00929A, #00373C)

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