Navy Harbor color palette — #F1DDF0 · #B88A00 · #00308D · #001448 · #1A0719

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

The five colors

• Blush (#F1DDF0): A whisper-light, dusty pink — the color of a candy shop window.
• Mustard (#B88A00): A luminous, balanced gold — the color of old brass.
• Indigo (#00308D): A deep, shadowed, vivid violet — the color of a velvet chair.
• Midnight (#001448): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1A0719): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.

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

• Aubergine Courtyard color palette (#F9DBE9, #B88A00, #44148B, #20024A, #1F0413)
• Ultramarine Boulevard color palette (#D6E6FD, #DE9D0E, #1A51BF, #03266E, #040F22)
• Amber Thicket color palette (#C4F0E2, #B88A00, #003E63, #001C31, #00140E)
• Amber Workshop color palette (#FEE8ED, #C3930A, #563164, #351620, #180D0A)
• Onyx Lantern color palette (#FFEAED, #9A7300, #430045, #150016, #050100)
• Frosted Cornflower Grove color palette (#D9E6F8, #59DAA6, #2876F7, #0145AA, #020F25)
• Shadow Onyx color palette (#F1DAE7, #785900, #130044, #150501, #020011)
• Aged Lapis Parlor color palette (#FED7F6, #2E44FF, #864500, #3D4100, #0F1B46)

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