Navy Harbor color palette — #E6F7ED · #9C8E41 · #00756A · #2A3C76 · #360C21
Navy and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
- Moss (#9C8E41): A luminous, balanced green — the color of fresh herbs.
- Teal (#00756A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2A3C76): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#360C21): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns 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
- Antique Moss Thicket color palette (#E7F6F0, #89963B, #007183, #522D6B, #361100)
- Wandering Harbor color palette (#FBEEF4, #BB7C57, #4B703D, #00485D, #2A1038)
- Soft Station color palette (#FFF2EB, #B87461, #28753D, #59317E, #5D2313)
- Powdered Navy Garden color palette (#D3E6E7, #007F5B, #003E9A, #4D002A, #100A00)
- Dusty Field color palette (#FBF5E6, #B2A663, #269387, #4256A8, #592239)
- Weathered Aubergine color palette (#C2EBDD, #677C00, #005663, #3E0068, #210300)
- Dusty Field color palette (#DCF9E7, #8DBCAF, #659699, #545D75, #333045)
- Dusty Olive color palette (#DAEEE5, #767B17, #153833, #071A13, #030804)
Browse the whole catalog at Explore, or see today's palette.