Airy Cobalt color palette — #C8EFF4 · #4ABBE9 · #2189CF · #335CA1 · #343562
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#C8EFF4): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#4ABBE9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#2189CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#335CA1): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#343562): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Frosted Azure color palette (#DFF4FF, #5DC3FF, #1DA3FC, #3879C5, #21375B)
- Azure Terrace color palette (#DFFBFF, #73DBFF, #0094E7, #344FA4, #292B55)
- Frosted Teal color palette (#D2EDE4, #18BCBD, #0091A2, #00668F, #194264)
- Iris Corridor color palette (#DEF1FF, #72ACFD, #767CD9, #624998, #4B3158)
- Cobalt Market color palette (#F0F5FF, #9BBAFF, #5F7ACC, #32498E, #061D4A)
- Wandering Balcony color palette (#C2ECF9, #0092CD, #0068BF, #312492, #1F034D)
- Airy Cobalt color palette (#E3F0FF, #73AAF3, #CB8336, #2971C8, #4F2B00)
- Worn Cerulean color palette (#EFF6FF, #D4DFFF, #F0B3E0, #2F93AA, #313D56)
Browse the whole catalog at Explore, or see today's palette.