Midnight Navy color palette — #F1D8EB · #7B6600 · #0B0065 · #090102 · #010016

Deep Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F1D8EB): A whisper-light, dusty pink — the color of neon signs at night.
• Olive (#7B6600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#0B0065): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#090102): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#010016): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged luxury, 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

• Eclipse Field color palette (#ECDEEC, #945700, #001C44, #190806, #00020C)
• Olive Atelier color palette (#F1D8E4, #307B1A, #250054, #150702, #040011)
• Navy Bloom color palette (#E3EEFF, #988300, #182986, #03043A, #00010A)
• Patina Studio color palette (#D4F0E8, #AA4300, #3E373D, #002038, #000308)
• Aubergine Coast color palette (#F0E3E8, #B3989B, #97716B, #4A007E, #0D0005)
• Olive Field color palette (#FFE8E9, #708200, #4C003E, #15000F, #040000)
• Nocturne Garden color palette (#FDE3F5, #C11F52, #12005E, #02001D, #0B0002)
• Hushed Aubergine color palette (#F4E5E7, #94AA66, #6B216D, #2C0E2D, #0C0204)

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