Navy Harbor color palette — #CBF5F8 · #00684F · #00356A · #330028 · #070200
Navy takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CBF5F8): A whisper-light, dusty blue — the color of open sky before noon.
- Pine (#00684F): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00356A): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#330028): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, muted, 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
- Smoked Onyx Canyon color palette (#D7F7EC, #4F6100, #003E47, #260044, #0C0100)
- Moonless Thicket color palette (#DBF2F9, #00656A, #3D0789, #390007, #040400)
- Nightshade Orchard color palette (#EDF0DD, #006B1B, #211596, #3B0E00, #150A00)
- Smoked Abyss Grove color palette (#C2E7ED, #004F47, #1F1E24, #001115, #000202)
- Dusty Lagoon color palette (#DAF4E9, #00858B, #00537B, #451D33, #2A0002)
- Cypress Lantern color palette (#D9F8F3, #008185, #004C56, #002532, #000C17)
- Weathered Turquoise color palette (#D9E8DC, #4AABC0, #006180, #003A37, #000C19)
- Clover Harbor color palette (#D7F7FB, #0DB62E, #00987F, #005D6E, #000505)
Browse the whole catalog at Explore, or see today's palette.