Airy Navy color palette — #F9E8ED · #3E85C4 · #2D2F80 · #002224 · #100020

Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Blush (#F9E8ED): bright and airy, almost weightless.
• Cerulean (#3E85C4): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#2D2F80): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100020): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Airy Navy 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

• Cerulean Lantern color palette (#EFE0EA, #0090A7, #004066, #002318, #030229)
• Pale Corridor color palette (#DEF1F0, #7196BA, #1055A9, #003850, #000030)
• Softworn Harbor color palette (#EDE1D4, #7CA5CC, #516AD1, #005B69, #0C0026)
• Weathered Ultramarine color palette (#ECD8E2, #5FA9CD, #0E50B3, #003F38, #1F1543)
• Patina Petrol Ridge color palette (#F8E9F5, #5DC2D3, #0C70A0, #005237, #1D2B53)
• Dusty Olive color palette (#F8E9FC, #C77C5B, #6F770F, #44104F, #1D0200)
• Feathered Forest color palette (#FFF0FE, #85E0E3, #008CB4, #126A34, #1D406C)
• Gentle Coast color palette (#FAE8F9, #9A0027, #004942, #44000C, #000806)

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