Airy Navy Harbor color palette — #E3FCF1 · #696B00 · #00652C · #203086 · #3F130F
Indigo and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E3FCF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#696B00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#00652C): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#203086): A deep, shadowed, balanced violet — the color of wild irises.
- Espresso (#3F130F): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Airy Navy Harbor 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 Coast color palette (#E7FBF3, #566D00, #005553, #292B69, #2D1826)
- Fern Garden color palette (#E0FFDE, #B68100, #357115, #4B3381, #3D3600)
- Aged Workshop color palette (#FFF1F6, #A66100, #565A00, #00414F, #3A112C)
- Misty Garnet Basin color palette (#D6FDFF, #007053, #00466C, #58003E, #141A00)
- Tempered Aubergine Boulevard color palette (#DCFEF6, #418100, #005B69, #560074, #2D1D00)
- Washed Bronze color palette (#ECF9F1, #877B26, #005E84, #622E4C, #1A3326)
- Worn Meadow color palette (#E5FDE3, #AB6F00, #00676C, #6A0468, #510C4C)
- Patina Mustard color palette (#FFDCC6, #D1A300, #6D7400, #205800, #004332)
Browse the whole catalog at Explore, or see today's palette.