Midnight Petrol color palette — #CDE4DC · #006AA3 · #1F2142 · #00100B · #010301

Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Silver (#CDE4DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006AA3): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1F2142): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#00100B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010301): quiet, heavy and certain.

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

Use it as a design system

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

• Lowlit Balcony color palette (#E1EEE0, #007473, #00293A, #031004, #020201)
• Velvet Chapel color palette (#ECDCE8, #4B58BC, #30193E, #160612, #000302)
• Weathered Cobalt Drift color palette (#E4F2FF, #0087D0, #353F58, #18232D, #040F14)
• Obsidian Navy Lagoon color palette (#EDD7EE, #004381, #100131, #050D10, #030004)
• Ancient Iris color palette (#F8E9EF, #8A74BC, #4C3436, #261A1F, #0F0B0E)
• Frosted Lagoon color palette (#FCE4F3, #6B6CD8, #846C00, #536400, #200B1A)
• Cobalt Lantern color palette (#F7F0EC, #ABD2B9, #0086BA, #005D4E, #0A203E)
• Quiet Market color palette (#F8E1F3, #738CDB, #768C0E, #2E43AA, #191F00)

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