Navy Harbor color palette — #D2EDEE · #008DAE · #004C72 · #001E61 · #230035
Midnight takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D2EDEE): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004C72): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#001E61): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#230035): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Hazy Garden color palette (#DEF3FB, #0082C6, #004494, #1D006F, #1E0041)
- Lagoon Grove color palette (#D0F3E6, #008F8D, #00535B, #002B3B, #001529)
- Aged Nightshade Basin color palette (#CEF6EE, #00A2BB, #006D9A, #1C26A0, #1B0046)
- Denim Coast color palette (#CCEDFA, #0DAFEB, #0086CF, #0052AA, #00064A)
- Ancient Navy Archive color palette (#EFE1C4, #007288, #00397E, #4B0103, #001925)
- Quiet Atelier color palette (#D6EAE1, #00B5B1, #0084B1, #4044C6, #001A33)
- Abyss Field color palette (#DFE6E0, #A6C0B4, #70988E, #004E58, #15231A)
- Misty Sky color palette (#DFF9FF, #43B4E6, #4378BB, #3D4889, #55225B)
Browse the whole catalog at Explore, or see today's palette.