Soft Azure color palette — #B4EDF6 · #4DD4E0 · #00A7D0 · #3671AC · #3A4867

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

The five colors

• Sea Foam (#B4EDF6): A whisper-light, dusty blue — the color of deep harbor water.
• Aqua (#4DD4E0): A luminous, balanced blue — the color of open sky before noon.
• Cyan (#00A7D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#3671AC): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3A4867): A full-bodied, dusty violet — the color of wild irises.

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

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 Lantern color palette (#BDF5FF, #70D8F4, #4ABEE9, #3893BD, #1D4B68)
• Washed Teal color palette (#D6F6CF, #70D6B7, #00A7A8, #007C97, #2F4D66)
• Muted Iris color palette (#CCF1FF, #65C7F9, #5891F0, #6064B0, #464568)
• Airy Azure Chapel color palette (#EEF6FF, #90CFFF, #349AE0, #1F6198, #082C49)
• Dusty Pier color palette (#C0EBEA, #00B4E1, #0083D8, #3E29DE, #3B1269)
• Cobalt Field color palette (#EEF6FF, #81BDF6, #F38C70, #1B7DC9, #603529)
• Ancient Station color palette (#D6EDEA, #00869C, #005D80, #040197, #140043)
• Petal Workshop color palette (#E9F8FF, #DBDAE5, #F5BDEE, #5CA195, #415164)

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