Navy Harbor color palette — #F5F2E5 · #708A3B · #00704E · #32387E · #200800
Navy and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F2E5): bright and airy, almost weightless.
- Olive Leaf (#708A3B): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00704E): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#32387E): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#200800): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Navy Workshop color palette (#FAF0E6, #A66F38, #006D44, #23348B, #240F04)
- Aubergine Loft color palette (#F3F3E4, #65853D, #006D79, #57226B, #1E1200)
- Tempered Aubergine color palette (#FFEFDF, #BD9363, #59762E, #5C2D78, #2E2004)
- Gentle Pine Terrace color palette (#F5F7E6, #388C46, #00647E, #2B4277, #3B232B)
- Dusty Villa color palette (#E8F6E7, #007572, #005596, #5A002C, #100B00)
- Powdered Aubergine Grove color palette (#EBECCE, #3D7100, #005553, #46006E, #090300)
- Olive Archive color palette (#E8E4D4, #7A792D, #31322B, #1B1504, #0A0501)
- Aged Amber color palette (#FEF1F7, #C97F53, #008885, #6A4684, #38262F)
Browse the whole catalog at Explore, or see today's palette.