Midnight Onyx color palette — #D4E5E0 · #004069 · #192628 · #40000D · #0D0800

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

The five colors

• Silver (#D4E5E0): bright and airy, almost weightless.
• Navy (#004069): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#192628): a grounded near-black with real depth.
• Espresso (#40000D): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#0D0800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Midnight Onyx 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

• Midnight Onyx color palette (#DCEADC, #004647, #1A241E, #360038, #150400)
• Lowlit Villa color palette (#EFDCEA, #2000B4, #182329, #3B0900, #010D00)
• Midnight Denim color palette (#CBE2F7, #005C95, #4F3000, #251800, #020200)
• Softworn Navy Pier color palette (#ECE2D9, #3A89B6, #003684, #002224, #07002A)
• Wandering Alley color palette (#D3ECFA, #5363B5, #542A54, #1D2400, #001204)
• Moonless Summit color palette (#F9E9F6, #0D0090, #1E0A06, #080014, #000201)
• Powdered Ultramarine Thicket color palette (#F1DEEB, #3B37D2, #641700, #002715, #001012)
• Byzantium Pier color palette (#FFDEE5, #AB00C7, #604700, #003C31, #002327)

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