Quiet Azure color palette — #AFF3F7 · #6FCCEA · #419ECE · #4172AD · #39466E

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

The five colors

• Sea Foam (#AFF3F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#6FCCEA): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#419ECE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4172AD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#39466E): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Sky Cabin color palette (#D2EEFF, #7AD4FF, #2EB9FE, #4692CC, #324A63)
• Airy Veranda color palette (#C8FCE8, #6FD6C5, #11ABBA, #007593, #24506D)
• Softworn Iris Harbor color palette (#CEF0FF, #82C0FC, #728DDC, #6F66A8, #55426A)
• Misty Harbor color palette (#DBFDFF, #99E6FF, #10B7F5, #4171B4, #4C3045)
• Hushed Denim color palette (#EFF6FF, #ACCEFF, #6E92CC, #385892, #0F2C4F)
• Cobalt Courtyard color palette (#EEF6FF, #86BDF4, #DF8E62, #3984CA, #61361E)
• Nightshade Canyon color palette (#D1F2F9, #0087AC, #00588E, #170097, #170049)
• Muted Meadow color palette (#EDF6FF, #DBD7E7, #ECB5CB, #629CA5, #3B4961)

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