Navy Harbor color palette — #FAE6C6 · #5F4400 · #002858 · #22001C · #040003

Built around Midnight, softened by Bronze — the whole palette hums with trust and stability.

The five colors

• Parchment (#FAE6C6): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#5F4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002858): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#22001C): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Moonless Harbor color palette (#F4E9DA, #604300, #002560, #07003F, #020008)
• Aubergine Pier color palette (#E4E1C5, #405100, #2F0070, #26000F, #040001)
• Onyx Coast color palette (#E6E1C8, #465000, #003038, #1E0036, #140200)
• Shadow Olive color palette (#D7F9EC, #616F00, #00444E, #1F003A, #040000)
• Smoked Workshop color palette (#EDEDDC, #4D595A, #273E00, #162121, #000906)
• Olive Balcony color palette (#FFE5D3, #5A712C, #005246, #490821, #150005)
• Fern Corridor color palette (#F2F1D9, #267100, #004228, #001F1C, #000405)
• Worn Nightshade Hollow color palette (#E7E2D0, #6D7100, #35319E, #3D1E00, #150700)

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