Nocturne Petrol color palette — #D1E2EF · #006890 · #0F0835 · #070C10 · #000103

Peacock takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D1E2EF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006890): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#0F0835): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#070C10): quiet, heavy and certain.
• Black (#000103): a grounded near-black with real depth.

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

• Shadow Garden color palette (#CCECF3, #006F67, #322E35, #001521, #000201)
• Twilit Ultramarine Field color palette (#DBE7F8, #2E53C5, #1E032B, #07090F, #000106)
• Moonless Onyx Harbor color palette (#D0F2E4, #004B6A, #07191C, #0C0332, #000402)
• Aged Cobalt color palette (#D3F0E5, #0083BA, #29416D, #002032, #000201)
• Worn Azure Hollow color palette (#EDF6FF, #5CA5DF, #3E4461, #0F202F, #020609)
• Weathered Petrol color palette (#BDF0F0, #7EB9A8, #2A76A0, #504700, #001B0E)
• Weathered Canyon color palette (#FBF2F9, #9BD8E2, #0083BC, #005437, #010039)
• Velvet Indigo color palette (#E5EFFF, #446DFF, #3C194A, #010128, #000103)

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