Midnight Navy color palette — #F7E2D2 · #653600 · #003E45 · #030063 · #0A0300

A conversation between Deep Indigo and Bronze, giving this palette its sense of optimism and creativity.

The five colors

• Parchment (#F7E2D2): A whisper-light, dusty gold — the color of old brass.
• Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#003E45): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#030063): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0A0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, 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

• Inked Cocoa Boulevard color palette (#F5D9E9, #732900, #003F3F, #001D39, #0D0200)
• Onyx Villa color palette (#F3EACD, #524200, #003A58, #290049, #070400)
• Onyx Station color palette (#EBDEC3, #685700, #173900, #030058, #0C0C00)
• Pale Nightshade Bloom color palette (#E8E0D0, #755E00, #006341, #0F00A5, #070400)
• Dusty Balcony color palette (#F7EACF, #7F7200, #3B4600, #052100, #000D0C)
• Patina Basalt Grove color palette (#E4EFE7, #9AAFA5, #63887F, #463500, #04190B)
• Soft Aubergine color palette (#CEEDE7, #35721A, #351C77, #4D0033, #031200)
• Bronze Courtyard color palette (#F2DEE5, #925A00, #163E00, #392000, #000200)

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