Midnight Onyx color palette — #D5E7EB · #2A6A7F · #003555 · #200333 · #09000B

A conversation between Deep Indigo and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D5E7EB): a clean, paper-quiet neutral.
• Peacock (#2A6A7F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003555): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#200333): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#09000B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Petrol Grove color palette (#DFEFFC, #00689D, #00304A, #000B16, #000103)
• Twilit Coast color palette (#D6F2E2, #006C59, #003F40, #051A3C, #000118)
• Cerulean Courtyard color palette (#CFF5F8, #0D87A3, #2B5874, #3B2556, #1F0522)
• Hushed Alley color palette (#DCF0E2, #007E87, #264265, #3A1400, #1C0600)
• Moonless Archive color palette (#D0E8F6, #00556B, #304300, #00222D, #010100)
• Timeworn Harbor color palette (#E3E8F8, #6B6395, #502B6A, #490417, #190100)
• Obsidian Aubergine Alley color palette (#DAEBFC, #003D6A, #4C0065, #002A24, #000104)
• Patina Hollow color palette (#D7F6E0, #209494, #00588E, #371700, #030100)

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