Midnight Navy color palette — #DFF0EB · #003A75 · #4B0104 · #1C0500 · #000201

Navy and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFF0EB): bright and airy, almost weightless.
• Navy (#003A75): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#4B0104): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1C0500): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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 Market color palette (#D6FAE4, #00404E, #360047, #2B000F, #010100)
• Moonless Nightshade color palette (#FEE1F4, #2B009B, #170D02, #0E0016, #000201)
• Aubergine Lagoon color palette (#F6D6E5, #500095, #4A0036, #171000, #000102)
• Weathered Boulevard color palette (#E5F2FF, #005B9C, #7C004F, #292200, #000204)
• Lowlit Abyss color palette (#C2EBFB, #005E65, #463100, #0C1400, #000201)
• Midnight Aubergine Villa color palette (#DEE1CD, #005A8B, #3E0071, #141600, #00000E)
• Moonless Quarry color palette (#FFE7EB, #550064, #1F191F, #32000C, #050600)
• Inked Aubergine Hollow color palette (#CAEFFF, #006AB7, #351593, #230038, #070005)

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