Airy Navy color palette — #D4EEED · #006337 · #004B6A · #19007E · #000201

Deep Indigo and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D4EEED): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#006337): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#19007E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Lowlit Lantern color palette (#C5E5EA, #006759, #003D56, #1C0051, #000300)
• Charred Aubergine color palette (#C9E9FA, #00596C, #3F0085, #320029, #070000)
• Hushed Parlor color palette (#D0ECDF, #008A72, #00554E, #002424, #000405)
• Aubergine Lagoon color palette (#E3EFCC, #303E00, #430056, #21002C, #010200)
• Muted Grape Coast color palette (#D6EFFF, #006B89, #7300B2, #610047, #000509)
• Worn Canyon color palette (#E7F3F2, #91AAAC, #628F96, #005333, #000C0C)
• Faded Villa color palette (#E6E5D4, #698E24, #393DAB, #7C0060, #010200)
• Linen Sapphire color palette (#C7E4E9, #009586, #3065E6, #613994, #001F24)

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