Midnight Petrol color palette — #CCE8EE · #006D84 · #003B53 · #00192C · #000208

Peacock takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CCE8EE): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006D84): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00192C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000208): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Eclipse Coast color palette (#E3F2E4, #00606F, #00334A, #200035, #000203)
• Onyx Terrace color palette (#C7F4F1, #008090, #004159, #001C38, #030032)
• Moonless Abyss Quarry color palette (#D4E8F2, #5D5357, #003C50, #1F191F, #000710)
• Worn Cerulean color palette (#CEE9DF, #00A0AD, #00546E, #001840, #010008)
• Weathered Study color palette (#D4E2E8, #8EA4AE, #5D8197, #003E43, #000508)
• Shadow Navy Lantern color palette (#D5F1FF, #005264, #160082, #200023, #000201)
• Frosted Azure Meadow color palette (#C0E6F3, #009CD4, #006193, #003366, #000841)
• Tempered Corridor color palette (#CDECFE, #1D70BA, #293D75, #33122F, #16000A)

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