Navy Harbor color palette — #FBF4E9 · #9D8D5D · #077962 · #424589 · #38322D
Indigo takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Caramel (#9D8D5D): A luminous, dusty green — the color of new leaves after rain.
- Teal (#077962): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#424589): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#38322D): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.
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
- Tempered Lantern color palette (#F6F6EC, #7F986D, #057080, #6B356F, #3A3730)
- Denim Loft color palette (#FDF3ED, #BF887B, #4B7E59, #434E89, #623429)
- Wandering Courtyard color palette (#FEF3EB, #A57253, #626B1F, #00536E, #432A2B)
- Ancient Driftwood color palette (#F4F0F8, #B4729C, #007493, #354673, #1B1A26)
- Weathered Cerulean Lantern color palette (#FDF2F3, #85B379, #0093B0, #4E6F9D, #3E2D34)
- Powdered Aubergine Parlor color palette (#FBF6DD, #646E00, #005E52, #52008D, #371D00)
- Washed Marigold Atelier color palette (#EEF9ED, #F2B372, #59B7CB, #558EA4, #3B3444)
- Aged Driftwood Orchard color palette (#F9F4EF, #D9DBD4, #A0AFAF, #A1794A, #595149)
Browse the whole catalog at Explore, or see today's palette.