Airy Cobalt color palette — #E5F6F5 · #B1D4F5 · #3A85D6 · #005D7E · #021F59

Azure and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5F6F5): bright and airy, almost weightless.
• Powder Blue (#B1D4F5): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3A85D6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005D7E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#021F59): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Cerulean Coast color palette (#E8F5F3, #A1DBEA, #0090B5, #006167, #00293B)
• Powdered Cornflower Workshop color palette (#FEF3E8, #A4D4FD, #5379DC, #006570, #3E3963)
• Wandering Basin color palette (#D5EBEA, #6190B0, #004C80, #002A37, #000410)
• Hazy Study color palette (#F3F7EA, #BCE0FF, #469DFF, #007CA7, #2B3F64)
• Muted Cypress color palette (#EBF4F2, #CCDDF0, #74A4B7, #007C72, #1F3A47)
• Cypress Pier color palette (#DFEDE9, #91BBC7, #007A81, #004C42, #001A1F)
• Muted Delta color palette (#FBECFE, #E26D89, #5277F3, #A9004A, #090E61)
• Dusty Bronze color palette (#DAF0DB, #B49D6E, #8E6106, #613900, #241B00)

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