Airy Navy color palette — #FFF2EC · #65C9D5 · #0077A5 · #005935 · #0B2C72
A conversation between Navy and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#65C9D5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005935): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#0B2C72): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Muted Forest color palette (#F7ECE8, #9FBA9B, #00748B, #145309, #003052)
- Hushed Sapphire Canyon color palette (#FFF3E9, #6FC2F2, #3B66CF, #005652, #362561)
- Muted Petrol Veranda color palette (#E8F6EA, #74CBD7, #007E9C, #005249, #001D2D)
- Forest Chapel color palette (#FFF2ED, #AFCEB5, #3C81A3, #00643A, #4B2F49)
- Muted Cerulean Lagoon color palette (#FEF4E3, #89DAE5, #009BBF, #007467, #003752)
- Antique Denim Cabin color palette (#F0E1DA, #58ADBE, #005D8C, #00402C, #0D1650)
- Washed Ash Workshop color palette (#FBF3EF, #CBE7E4, #769EC1, #447B69, #614B5A)
- Navy Corridor color palette (#FBEDE3, #5289A0, #003A7A, #00231D, #090029)
Browse the whole catalog at Explore, or see today's palette.