Midnight Navy color palette — #E5EFE2 · #184800 · #002D6B · #48000F · #000200

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

The five colors

• Honeydew (#E5EFE2): A whisper-light, dusty green — the color of new leaves after rain.
• Deep Olive (#184800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#002D6B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#48000F): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Shadow Onyx Coast color palette (#F1F0DA, #413D00, #003748, #43002D, #010100)
• Lowlit Aubergine Basin color palette (#CFEAE0, #004736, #370081, #3B1700, #000201)
• Midnight Aubergine Hollow color palette (#DDE7D7, #244A00, #4B0071, #3E0042, #010200)
• Obsidian Forest Cabin color palette (#D9E5D8, #046E18, #003408, #161E25, #000A01)
• Midnight Bloom color palette (#CBE9EC, #00545A, #66006F, #3D2B00, #000102)
• Chestnut Harbor color palette (#E4ECDF, #705300, #2F353C, #001912, #000201)
• Aubergine Field color palette (#E9F3DF, #3F6000, #750076, #550055, #010100)
• Fern Ridge color palette (#D5E4C9, #3B6600, #00595B, #593300, #010200)

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