Midnight Navy color palette — #D5E2F5 · #737C00 · #03157E · #100612 · #000024

Navy and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D5E2F5): A whisper-light, dusty blue — the color of deep harbor water.
• Olive Leaf (#737C00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#03157E): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#100612): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#000024): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Navy Boulevard color palette (#DAE6FF, #008967, #1A1378, #140814, #030023)
• Onyx Quarry color palette (#F9E5F3, #827E00, #110456, #0E0204, #01000A)
• Eclipse Courtyard color palette (#E3EEFF, #B85300, #00177E, #150B17, #000220)
• Aubergine Loft color palette (#D8DDF8, #00AC81, #4F288F, #200A41, #010110)
• Faded Jade Terrace color palette (#D2DFF4, #00C37E, #344F9D, #1A2749, #040B1A)
• Sapphire Orchard color palette (#DBE3F1, #4063F0, #633A00, #1414A1, #060002)
• Worn Aubergine color palette (#DDDDE7, #A9A0B4, #947E93, #533274, #080813)
• Mulberry Boulevard color palette (#F0DFE9, #9B3747, #130044, #150501, #020011)

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