Soft Azure color palette — #E9F9F8 · #D3DBF9 · #7CBBFF · #009ED0 · #223F6E

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

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Powder Blue (#D3DBF9): A whisper-light, dusty violet — the color of wild irises.
• Sky (#7CBBFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#009ED0): A luminous, balanced blue — the color of open sky before noon.
• Navy (#223F6E): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

One click turns Soft 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 Archive color palette (#ECF8F6, #B6EFFF, #2AC8F8, #00A4AE, #004661)
• Antique Garden color palette (#FFF3E7, #DAD6E1, #85ADFF, #008692, #322F57)
• Muted Cobalt Study color palette (#E4F2F1, #7EB8DF, #0087DE, #006986, #001330)
• Wandering Thicket color palette (#EFF7F5, #D2DFEE, #84D6E3, #74AFA8, #405661)
• Tempered Harbor color palette (#E2F3EF, #9DE2E0, #00BAC5, #009380, #00353C)
• Worn Villa color palette (#FBEEF2, #A7D6F9, #627DD3, #006261, #2B174A)
• Washed Wisteria Corridor color palette (#FFE0FC, #FF8F8D, #D2A400, #C278DF, #4F1F1F)
• Antique Blush color palette (#FFF0FD, #ECD9C9, #E3C795, #E3899C, #5B3D55)

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