Midnight Petrol color palette — #CBE6D6 · #007790 · #00374E · #101E21 · #000A04

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

The five colors

• Celadon Mist (#CBE6D6): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00374E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#101E21): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A04): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Charred Denim color palette (#CCE8D6, #005D6E, #383443, #001835, #000304)
• Worn Azure color palette (#DFF2E9, #009FD3, #005D95, #003A50, #000B04)
• Timeworn Cobalt Villa color palette (#EADEEB, #006BC1, #182D67, #1D2128, #000716)
• Washed Atelier color palette (#FAE3F0, #9387FF, #665A80, #493541, #120A10)
• Ancient Powder Villa color palette (#E8F5F1, #7CBFF1, #887488, #485953, #1D2320)
• Gentle Ridge color palette (#D2EFFF, #008DC9, #0074B6, #004C90, #00103D)
• Dusty Cornflower Harbor color palette (#E0E6D6, #82B5E8, #207DFB, #006691, #030A40)
• Antique Orchard color palette (#E9E4CA, #82A556, #308600, #1C653F, #091300)

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