Airy Cobalt color palette — #F0F4E8 · #A1D7FF · #1986DD · #005E7A · #08244A

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

The five colors

• Cream (#F0F4E8): bright and airy, almost weightless.
• Powder Blue (#A1D7FF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1986DD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005E7A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#08244A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Worn Ridge color palette (#EFF4E5, #8BC1F2, #006FD7, #004D6B, #00114B)
• Antique Workshop color palette (#F2F3E8, #90DEEA, #0092AC, #006261, #002A37)
• Denim Coast color palette (#E3E7DB, #5292B7, #004D7B, #002A36, #00040F)
• Muted Periwinkle color palette (#EAF9F8, #B8E1FF, #59A1E3, #007DA0, #264065)
• Orchid Boulevard color palette (#FFD9E3, #B147E2, #D41F40, #0065A7, #230C2E)
• Turquoise Loft color palette (#F2F2EC, #C4E4DB, #5BAAB4, #3C776F, #283B2F)
• Hushed Cypress Balcony color palette (#EAEADD, #9FBD9C, #007A7F, #004C41, #001A1E)
• Airy Byzantium color palette (#EDEEFF, #9B85FF, #8917F2, #58188E, #310C42)

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