Midnight Petrol color palette — #CDE9D9 · #007791 · #0D3160 · #0A191B · #00090D

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CDE9D9): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007791): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#0D3160): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0A191B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00090D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Nocturne Cypress color palette (#D8E2D1, #007D64, #003941, #111C19, #000A06)
• Patina Sapphire color palette (#ECDBEE, #006BC3, #31295B, #1D232B, #000716)
• Muted Azure Lantern color palette (#D4F8E8, #009ED5, #455789, #003A51, #000B02)
• Denim Basin color palette (#DAECF7, #005C74, #3B3135, #001B2B, #000305)
• Periwinkle Atelier color palette (#E8D9E6, #719DFF, #6E5E89, #304166, #041610)
• Timeworn Forest color palette (#EFDFD6, #6EC0BE, #0093AB, #007143, #001624)
• Soft Pine color palette (#EEE3D0, #91A150, #288531, #006360, #0E1200)
• Antique Iris color palette (#F6DFEF, #6F7AFC, #6F4552, #272C50, #000604)

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