Airy Cobalt color palette — #FFF1F6 · #A5D5F5 · #507FC7 · #00666B · #373871

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#A5D5F5): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#507FC7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00666B): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#373871): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Airy Cobalt 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

• Ancient Drift color palette (#FCF2F9, #A1CDDC, #0085A5, #006345, #1A3E59)
• Ancient Cobalt color palette (#F0F4E6, #9ED8FF, #0088DB, #005E78, #03244B)
• Sapphire Field color palette (#FFF1F6, #89BEE8, #3663D7, #00545D, #312469)
• Chalky Azure color palette (#EAF9F8, #B6E1FF, #25A2FC, #007E9F, #254163)
• Ancient Study color palette (#F9F3F7, #D4D7EC, #5FA5B7, #3B7E5B, #3C566A)
• Hushed Lagoon color palette (#FFF3E8, #C9EAFF, #88B8FF, #00A4AB, #393B65)
• Timeworn Navy color palette (#F3E6EC, #6597B1, #00488E, #003030, #0D0541)
• Worn Atelier color palette (#F2E8F0, #3D8E97, #004358, #002319, #000A18)

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