Midnight Navy color palette — #F3E0F0 · #2442A0 · #553300 · #040068 · #020100

Deep Indigo takes the lead with Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#F3E0F0): A whisper-light, dusty pink — the color of a candy shop window.
• Indigo (#2442A0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• Deep Indigo (#040068): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark.

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

• Nocturne Navy Pier color palette (#EADDEA, #004B91, #691E00, #001E40, #040000)
• Midnight Pier color palette (#FDDCEE, #4B26B1, #2B4400, #1F005A, #010100)
• Smoked Nightshade Veranda color palette (#DDE3F7, #2400AE, #432C00, #152205, #00000B)
• Airy Parlor color palette (#D9E4F6, #3960C8, #7A4D00, #0900AD, #0B0400)
• Sapphire Station color palette (#D8E7F9, #0067D0, #006540, #00295B, #000201)
• Midnight Nightshade Chapel color palette (#D5E9D1, #7F5500, #4700BB, #1C0713, #040002)
• Gentle Aubergine color palette (#F1DEE3, #864BAE, #575E00, #500075, #070900)
• Obsidian Navy color palette (#E6ECFF, #4E47B7, #1B008B, #130210, #030024)

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