Midnight Navy color palette — #F8EDD5 · #554700 · #003264 · #3A0017 · #020100

Navy takes the lead with Onyx close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8EDD5): A whisper-light, dusty gold — the color of old brass.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003264): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#3A0017): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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 Atelier color palette (#F5F0D8, #454500, #003A37, #3C0400, #0B0500)
• Eclipse Onyx Orchard color palette (#EBDFD2, #6A4000, #003E43, #250036, #020100)
• Velvet Navy color palette (#E1E5CD, #005217, #100082, #280008, #000200)
• Softworn Olive Delta color palette (#F7E7DC, #437400, #004543, #3C0025, #000802)
• Olive Quarry color palette (#F0F2D1, #39840F, #004F3C, #002424, #00080C)
• Faded Nightshade color palette (#CCEEE7, #497E00, #2E3BBC, #351F7C, #0F0008)
• Aubergine Loft color palette (#CEE9DA, #00667F, #620081, #412100, #010500)
• Frosted Mulberry Archive color palette (#E8F6EC, #007F90, #84006A, #423000, #010F03)

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