Airy Navy color palette — #FFF2ED · #B97271 · #3B7240 · #30408B · #592627
Built around Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Caramel (#B97271): A luminous, balanced orange — the color of toasted spice.
- Olive (#3B7240): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#30408B): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#592627): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Timeworn Fern Quarry color palette (#FFF1F1, #AE748F, #676813, #004F6D, #54253D)
- Softworn Aubergine Balcony color palette (#FBF4ED, #B68F6C, #24816E, #604285, #5A3A1A)
- Muted Aubergine color palette (#FFF3E3, #A47300, #00666C, #680071, #472800)
- Aubergine Alley color palette (#FFE1CC, #AE4E00, #005A45, #3B0083, #4B0103)
- Hushed Cypress Harbor color palette (#F9F4EF, #C9E3DA, #728AB9, #006F79, #5C3C4F)
- Soft Moss color palette (#E8F6EE, #9C9017, #007942, #004A51, #311600)
- Weathered Quarry color palette (#FFF2EA, #C5B096, #8D8C65, #635C83, #664342)
- Sunlit Corridor color palette (#EAE0CF, #826400, #00505A, #51004A, #2B1D00)
Browse the whole catalog at Explore, or see today's palette.