Airy Cobalt color palette — #F8EAF1 · #8DCFEC · #308ADA · #006C69 · #222B4F
A conversation between Azure and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8EAF1): bright and airy, almost weightless.
- Sky (#8DCFEC): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#308ADA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006C69): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#222B4F): A deep, shadowed, dusty 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
- Linen Cerulean color palette (#F7EAF3, #8DD3D2, #0096B1, #007046, #00324C)
- Dusty Periwinkle color palette (#FDF2F6, #B7D9F5, #6D95D9, #007B82, #36365B)
- Azure Veranda color palette (#FDF4E6, #C5EDFF, #3C99DB, #006970, #001C46)
- Aged Petrol Grove color palette (#EDF0E2, #7CBBD8, #0070A0, #004E5B, #08304D)
- Worn Quarry color palette (#FCF2F9, #95EDEC, #00ADCD, #008755, #004566)
- Blush Veranda color palette (#E9EEFF, #EDC0F1, #F694A1, #497CB2, #35314F)
- Washed Violet color palette (#DAE3FF, #816DF1, #8B7B00, #007F2A, #161D3A)
- Timeworn Atelier color palette (#FAF3F6, #D9DEEE, #8CB4E8, #449597, #495267)
Browse the whole catalog at Explore, or see today's palette.