Navy Harbor color palette — #F2DEF1 · #00428D · #0B161A · #160229 · #00030D

Built around Indigo, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Blush (#F2DEF1): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#00428D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0B161A): quiet, heavy and certain.
• Ink (#160229): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#00030D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Midnight Boulevard color palette (#D2EDDF, #004D63, #061A1B, #06092D, #000406)
• Nightshade Atelier color palette (#F2DCEA, #2F00A2, #11141B, #140015, #01000F)
• Midnight Ultramarine color palette (#F4E5F3, #0058CA, #211852, #130214, #000201)
• Weathered Sapphire Alley color palette (#DCEAFD, #0574ED, #4A395E, #0F1E30, #000204)
• Moonless Grape color palette (#F0E0E8, #5F26D2, #3A0031, #0E042A, #0B0004)
• Aubergine Delta color palette (#F6DEE5, #5C3700, #450063, #241509, #0E0004)
• Patina Meadow color palette (#ECE1EA, #546DB4, #422A31, #2A1827, #0A1515)
• Ultramarine Thicket color palette (#F5EBE4, #77A6BE, #064FB6, #003F38, #1F1447)

Browse the whole catalog at Explore, or see today's palette.