Midnight Navy color palette — #F6E4CC · #5C3D00 · #003077 · #001946 · #080400

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

The five colors

• Parchment (#F6E4CC): A whisper-light, dusty gold — the color of old brass.
• Bronze (#5C3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Navy (#003077): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001946): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#080400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Midnight Navy 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

• Charred Onyx color palette (#E3F0E2, #5E3B00, #003861, #32003A, #090300)
• Inked Pier color palette (#D3E9D4, #5C3D00, #00412C, #001A43, #080400)
• Velvet Workshop color palette (#D2E9E2, #3A5400, #0B107D, #110044, #170001)
• Inked Garnet color palette (#F9E2DC, #801200, #003E42, #002224, #100000)
• Moonless Studio color palette (#BFE9DD, #384C00, #4B007A, #2A0047, #030600)
• Garnet Lagoon color palette (#FFE3DF, #7E0041, #00395C, #15005A, #040001)
• Midnight Thicket color palette (#FEDFEB, #655800, #003B20, #2B0034, #090D00)
• Muted Lagoon color palette (#F8EAD0, #7C7600, #294600, #001F11, #000A0E)

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