Nocturne Petrol color palette — #DFF3EC · #0072AA · #082A4F · #00150E · #000502

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

The five colors

• Honeydew (#DFF3EC): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#082A4F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00150E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000502): 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 Nocturne 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

• Cypress Drift color palette (#D3E7D1, #007B79, #003035, #011601, #010500)
• Lowlit Ultramarine Harbor color palette (#F1DDEF, #2C5CC5, #1D2046, #150714, #040104)
• Cobalt Thicket color palette (#CEE3F6, #008FD2, #2C4666, #142939, #07131B)
• Worn Azure color palette (#DEFEF2, #009CDF, #303863, #001B13, #000201)
• Antique Atelier color palette (#F7E9EC, #9E6CAE, #513135, #29191D, #110A0D)
• Weathered Meadow color palette (#FFD7EE, #7C6BEB, #CC1783, #006D84, #160F39)
• Washed Cerulean color palette (#F1F3EA, #92DEEC, #0091AF, #006264, #002938)
• Obsidian Workshop color palette (#F8DDE0, #3F3D36, #490048, #190F04, #070004)

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