Midnight Petrol color palette — #CFEEE1 · #00749F · #1C274C · #00150D · #000501

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CFEEE1): A whisper-light, dusty teal — the color of sea glass.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1C274C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#00150D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000501): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Lagoon color palette (#FBE8FE, #006DBF, #28224D, #001025, #000502)
• Denim Ridge color palette (#D7F7ED, #005A8D, #262D34, #151535, #000705)
• Hushed Loft color palette (#DFEFFB, #0092C5, #2F417A, #062A3E, #061419)
• Driftwood Lantern color palette (#FAE8ED, #9472AE, #4D3433, #29191E, #110A0F)
• Shadow Parlor color palette (#F6E0F3, #112EAB, #1B1920, #140525, #040003)
• Wandering Balcony color palette (#FAEFEB, #B8DABE, #0090B8, #00654C, #002646)
• Moonless Aubergine color palette (#F4D9DE, #394038, #450051, #220F0E, #080002)
• Washed Grove color palette (#F8F1E1, #98B181, #187F4E, #00575D, #152600)

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