Midnight Onyx color palette — #E4EFF9 · #413634 · #002F54 · #150F19 · #040019

Built around Navy, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Frost (#E4EFF9): bright and airy, almost weightless.
• Charcoal (#413634): quiet, heavy and certain.
• Navy (#002F54): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#150F19): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#040019): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Muted Terrace color palette (#E2E3F1, #805DAB, #372C45, #1C1C31, #0E0C15)
• Twilit Spruce color palette (#CFE2EB, #69625B, #00343F, #191A21, #00040F)
• Worn Courtyard color palette (#F6ECF2, #53899C, #004066, #00231F, #000030)
• Obsidian Aubergine color palette (#D9E0FF, #5103AA, #34201F, #1E011D, #040012)
• Charred Summit color palette (#E7EEFE, #723617, #280084, #2C1323, #0A000F)
• Nocturne Nightshade Harbor color palette (#E3E9FD, #523A9F, #4A3D00, #24005C, #080600)
• Obsidian Boulevard color palette (#D0E8E2, #005EA0, #1F1848, #04100F, #000202)
• Washed Navy Ridge color palette (#C5F0E6, #246F89, #363B6D, #2F2100, #061B00)

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