Airy Navy color palette — #D7E3F6 · #3352B2 · #524B00 · #0A0086 · #030300
A conversation between Indigo and Cobalt, giving this palette its sense of nature and growth.
The five colors
- Frost (#D7E3F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cobalt (#3352B2): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#524B00): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#0A0086): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, 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
- Grape Harbor color palette (#E9EEFF, #603FB4, #4F4C00, #30006F, #030300)
- Weathered Harbor color palette (#D8EAFD, #005AAA, #634100, #002954, #050200)
- Lapis Canyon color palette (#DFE8F9, #3A41DF, #005947, #190088, #00140E)
- Charred Aubergine color palette (#E6E4FF, #4E15B3, #543800, #2E3200, #010008)
- Airy Nightshade color palette (#FFE2FB, #4878E0, #00795C, #001BAB, #000201)
- Hazy Nightshade Dune color palette (#FADEEE, #705DE5, #935500, #4500B6, #1B0B00)
- Hazy Garnet color palette (#D5EEFF, #006486, #8C0800, #002E40, #0A0000)
- Hushed Workshop color palette (#D4DEF9, #B18CCE, #AE517B, #003E5A, #07001B)
Browse the whole catalog at Explore, or see today's palette.