Navy Harbor color palette — #F4DFF4 · #00408B · #4C2E00 · #002317 · #0C000D
Built around Indigo, softened by Espresso — the whole palette hums with trust and stability.
The five colors
- Blush (#F4DFF4): A whisper-light, dusty pink — the color of neon signs at night.
- Indigo (#00408B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Espresso (#4C2E00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Onyx (#002317): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#0C000D): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Smoked Nightshade color palette (#F4E1F1, #0833BB, #372700, #00181A, #000509)
- Moonless Denim color palette (#D1F6E8, #00496D, #3B3700, #201E00, #00050C)
- Charred Aubergine Archive color palette (#FFDFED, #5400A4, #4D2E00, #00221F, #070017)
- Garnet Hollow color palette (#DBF6E5, #004C5C, #660036, #172100, #000608)
- Lapis Workshop color palette (#DFF5EB, #462ED6, #5B0034, #001E17, #130122)
- Orchid Ridge color palette (#FFE8EB, #B159B7, #3A5D00, #004A6C, #381D23)
- Aged Nightshade Coast color palette (#F4E3ED, #4824CA, #004E4A, #230B6F, #0A0726)
- Timeworn Villa color palette (#FAD4CE, #B1105B, #6C4D00, #00413D, #2C120E)
Browse the whole catalog at Explore, or see today's palette.