Airy Cobalt color palette — #E9F4F4 · #99D9FF · #008AD4 · #005F75 · #00254A
Built around Cerulean, softened by Powder Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F4F4): a clean, paper-quiet neutral.
- Powder Blue (#99D9FF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#008AD4): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#005F75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00254A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Washed Cobalt color palette (#E5F6F5, #87C3F0, #0074C7, #004E67, #00173F)
- Muted Courtyard color palette (#E5F6F3, #9BDDE3, #0093A6, #00625E, #002A35)
- Hushed Denim Cabin color palette (#DDF1EF, #4994B5, #004F74, #002A33, #00050D)
- Azure Boulevard color palette (#F3F7EB, #B5E2FF, #1CA3FA, #007E9D, #1D416A)
- Worn Corridor color palette (#EBF4F2, #C8E1F7, #47AEB3, #33796B, #223A43)
- Tempered Crimson Thicket color palette (#F8D9F8, #DA475C, #966D00, #7D40A3, #30070D)
- Hushed Study color palette (#FFEAFF, #ECD8C8, #FFA77A, #B25975, #371E36)
- Dusty Amber color palette (#FFDFE9, #C9953F, #955C00, #663500, #04230E)
Browse the whole catalog at Explore, or see today's palette.