Airy Navy color palette — #CFF9FE · #00B4DF · #0078B9 · #173CA0 · #23006C

Indigo takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CFF9FE): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00B4DF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0078B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#173CA0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#23006C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Navy Meadow color palette (#D5EEEA, #00B5C8, #007DA3, #004F79, #020270)
• Frosted Hollow color palette (#DEFCFF, #37C9FB, #007EC3, #022F99, #100042)
• Aubergine Workshop color palette (#B6F0FF, #66C2F0, #5083C3, #4652A8, #370C6D)
• Aged Field color palette (#CCE2EF, #70A4F2, #6168D2, #4E2B97, #33004C)
• Nightshade Grove color palette (#D0E9DD, #009AA4, #006090, #1602A6, #300053)
• Sunlit Grove color palette (#D4E4EC, #0094E2, #3052C8, #3F1797, #1B0036)
• Lapis Studio color palette (#C4E9DA, #00C9CF, #009BD9, #4E53D9, #32004E)
• Muted Sapphire color palette (#EFDBBD, #00A3C3, #2C66BF, #7C261E, #00283A)

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