Airy Azure color palette — #FFF2ED · #83DBE8 · #0097D6 · #00764E · #172D6B
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Ice Blue (#83DBE8): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0097D6): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00764E): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#172D6B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Airy Azure 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
- Weathered Pine color palette (#FCF3F0, #C4DCC7, #39A1CE, #008148, #243A5E)
- Weathered Cornflower color palette (#FFF2E9, #A2D2F0, #5084FF, #00736D, #372069)
- Quiet Cobalt color palette (#ECE0DB, #82BCC9, #137BB8, #005C42, #10184C)
- Worn Coast color palette (#FDF4E6, #71EFFE, #00BDE6, #009988, #003751)
- Patina Lagoon color palette (#FBF3EF, #C3E6E5, #7FA8DA, #008F7A, #5B3D50)
- Chalky Hollow color palette (#DBFADF, #00BA9F, #008A8B, #006280, #002E5E)
- Hushed Dune color palette (#CAF3FF, #00C4EA, #0086AA, #004B64, #00202D)
- Patina Emerald color palette (#E2FBFF, #CCE2FF, #E4A0FF, #009550, #003B54)
Browse the whole catalog at Explore, or see today's palette.