Navy Harbor color palette — #DFEBE0 · #009184 · #005E72 · #002A69 · #120030
Built around Navy, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFEBE0): a clean, paper-quiet neutral.
- Fern (#009184): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005E72): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#002A69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#120030): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Muted Navy Pier color palette (#C8EFE2, #0095A2, #005A86, #17008E, #1A0023)
- Emerald Dune color palette (#DBE3C3, #00983F, #006464, #003243, #000527)
- Softworn Lagoon color palette (#C5E8DC, #00A1A0, #00556C, #001E37, #01000A)
- Denim Meadow color palette (#FFECDE, #00856E, #004C88, #471E00, #000E10)
- Dusty Navy color palette (#DBF0EC, #008095, #0043A2, #27005C, #070007)
- Faded Lapis Canyon color palette (#D5EDED, #0088C6, #3702F1, #47006E, #1E0017)
- Ultramarine Study color palette (#D7E9DD, #00BEC6, #0080B4, #241CDF, #3D0064)
- Weathered Mulberry color palette (#E6F3D5, #007954, #7A0060, #352300, #0D0600)
Browse the whole catalog at Explore, or see today's palette.