Nocturne Petrol Loft color palette — #DBE9E0 · #00788E · #072A4E · #001319 · #000500

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

The five colors

• Parchment (#DBE9E0): bright and airy, almost weightless.
• Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#072A4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001319): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne Petrol Loft 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

• Lowlit Harbor color palette (#CDE9DB, #005E7A, #202A31, #08173A, #000704)
• Muted Thicket color palette (#D4EEFC, #0096B1, #1C4674, #052B3A, #021519)
• Cobalt Alley color palette (#F9E9F8, #4874BD, #432734, #1F0F1F, #020805)
• Chalky Azure Thicket color palette (#DCF9F2, #3D9DF5, #AA7800, #005DA2, #2D1D00)
• Misty Thicket color palette (#DDE3FF, #6776E5, #BA5100, #6F6200, #0F1239)
• Aubergine Bloom color palette (#FFE7EF, #373C33, #3B0062, #230E12, #070004)
• Olive Summit color palette (#FAF0E2, #A7AE6A, #3E7C2E, #005952, #202300)
• Cornflower Grove color palette (#F9F0E6, #ABDCCF, #667CD0, #00606F, #291453)

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