Nocturne Petrol Villa color palette — #E0EBF5 · #0073A6 · #18284A · #001221 · #000408

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

The five colors

• Frost (#E0EBF5): bright and airy, almost weightless.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#18284A): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#001221): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000408): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Indigo Study color palette (#E6EDFF, #6A68C2, #2E2E45, #101524, #03060D)
• Denim Hollow color palette (#DFEFFF, #005796, #2B2224, #111638, #000510)
• Cobalt Coast color palette (#D5E9E1, #0090CF, #30446C, #002A40, #06150D)
• Azure Corridor color palette (#ECF7FF, #009DDB, #363562, #011727, #000203)
• Ancient Loft color palette (#E9F6EC, #98DDE9, #0090B5, #00635A, #00283E)
• Faded Alley color palette (#DFE3FF, #7170E9, #C3460B, #00744B, #130F3C)
• Smoked Nightshade Courtyard color palette (#D2E0FB, #251AB9, #302323, #110625, #000109)
• Grape Canyon color palette (#E7E8FF, #7B00C7, #360335, #241217, #06031D)

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