Navy Harbor color palette — #ECE2D7 · #5F84A6 · #192996 · #002127 · #0B0026

Indigo and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#ECE2D7): a clean, paper-quiet neutral.
• Storm Blue (#5F84A6): A full-bodied, dusty blue — the color of open sky before noon.
• Indigo (#192996): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Midnight (#002127): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B0026): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

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

• Tempered Studio color palette (#D8E7E7, #4B7DAB, #003979, #001D2C, #00000C)
• Timeworn Abyss color palette (#F1E5DF, #658A73, #004160, #00231D, #00071F)
• Ultramarine Study color palette (#E4E9DD, #6F96BD, #0054B1, #003850, #00022C)
• Denim Meadow color palette (#F2E7DF, #7EAA97, #0057A2, #003E3E, #14154E)
• Lowlit Cabin color palette (#E7E9D8, #25711F, #340086, #032902, #06001E)
• Muted Lantern color palette (#F3E1E6, #6AA6DB, #496AD7, #005B67, #0B0027)
• Softworn Petrol color palette (#F9EBE5, #94BDA0, #00719A, #005142, #082E56)
• Muted Quarry color palette (#E2E1CB, #61A083, #007B8E, #352C00, #001208)

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