Midnight Navy color palette — #FAE3F6 · #102C96 · #2F0045 · #190009 · #000203

Indigo and Deep Indigo set the tone — five colors that lean into creativity and depth.

The five colors

• Blush (#FAE3F6): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#102C96): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#2F0045): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#190009): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#000203): quiet, heavy and certain.

Feels like: 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

• Nightshade Grove color palette (#F0E0EC, #241CA2, #272027, #350039, #000C09)
• Onyx Coast color palette (#D8F3EB, #004067, #230056, #170012, #070000)
• Charred Hollow color palette (#E0E8F7, #3B4FC5, #270084, #1A004E, #0F002C)
• Eclipse Aubergine Garden color palette (#FFE4EC, #5A007F, #3E001C, #150400, #000109)
• Lowlit Aubergine color palette (#DDF1FF, #006084, #480087, #261800, #000203)
• Gentle Loft color palette (#FFE4F4, #4B3AC2, #5F0056, #002522, #080D20)
• Shadow Hollow color palette (#DBEBE2, #004456, #160060, #1A1B22, #040C00)
• Pale Ridge color palette (#D3F0E7, #0085AA, #00669F, #161E9E, #00030D)

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