Navy Harbor color palette — #F1F1D6 · #349A78 · #006963 · #003791 · #003A2F
Built around Indigo, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F1D6): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#349A78): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#006963): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#003791): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Forest (#003A2F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, 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
- Hushed Emerald color palette (#F3F0D6, #53985B, #006B51, #004568, #2F312B)
- Gentle Chapel color palette (#EDF1DB, #22979E, #00647E, #482683, #183824)
- Timeworn Dune color palette (#F5F6EE, #AFCEB3, #008798, #00605A, #004250)
- Softworn Navy color palette (#F1F3D4, #007767, #00464A, #150072, #001B19)
- Misty Jade Grove color palette (#FDE7F4, #76B55F, #00898A, #833856, #003839)
- Weathered Mint color palette (#D7F7EC, #28DB8C, #00AF99, #4F77A3, #0C3739)
- Faded Orchard color palette (#FFE3D1, #679A4F, #006969, #680B36, #141B02)
- Softworn Parlor color palette (#F3F8E6, #72B3C7, #4D7DA0, #684C78, #344E42)
Browse the whole catalog at Explore, or see today's palette.