Navy Harbor color palette — #FAE9D9 · #7A4200 · #00504E · #1D007C · #040100
A conversation between Deep Indigo and Bronze, giving this palette its sense of optimism and creativity.
The five colors
- Cream (#FAE9D9): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#7A4200): A full-bodied, balanced gold — the color of old brass.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#1D007C): A deep, shadowed, vivid violet — the color of a velvet chair.
- Black (#040100): quiet, heavy and certain.
Feels like: Optimism, 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
- Weathered Harbor color palette (#EEE9D1, #4E5900, #005143, #070084, #020200)
- Charred Coast color palette (#F5F0DD, #504F00, #003F38, #1B0045, #050100)
- Timeworn Atelier color palette (#EBDFD6, #863800, #005427, #002D43, #050100)
- Timeworn Aubergine Lantern color palette (#EFF0DF, #326100, #004B6A, #430051, #010200)
- Basalt Alley color palette (#DAF5E2, #453500, #003326, #001619, #000201)
- Wandering Bronze Garden color palette (#F3E2D6, #8E6D00, #474700, #012804, #000402)
- Misty Mulberry Archive color palette (#FBE6D8, #C65E21, #004D9C, #79004D, #1C0600)
- Hushed Olive Hollow color palette (#F8EADD, #9E5900, #2B8019, #6A0756, #040100)
Browse the whole catalog at Explore, or see today's palette.