Nocturne Petrol color palette — #CBE1F8 · #006CB2 · #172A4B · #091928 · #040610
A conversation between Royal Blue and Midnight, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#CBE1F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#006CB2): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#172A4B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#091928): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#040610): A deep, shadowed, dusty violet — the color of wild irises.
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
- Eclipse Ultramarine Bloom color palette (#CFE2FB, #004EB0, #332728, #101638, #020917)
- Eclipse Cypress color palette (#E1F2F8, #00777C, #003139, #001C24, #02080F)
- Antique Indigo Pier color palette (#DEE3FB, #7558CB, #2F2F48, #1C1E2A, #0D0B11)
- Patina Cabin color palette (#D0E4F6, #23AAFC, #67608F, #28445D, #04141A)
- Tempered Cobalt color palette (#D7F4EB, #008CDF, #583951, #022E25, #05160E)
- Shadow Onyx Loft color palette (#EBE5F7, #585A62, #520047, #2C131A, #0E0006)
- Nocturne Nightshade color palette (#E1EAFF, #3D00BD, #2A1C1A, #120529, #010112)
- Sunlit Hollow color palette (#EAE8FF, #8257FF, #B93C77, #006B86, #302952)
Browse the whole catalog at Explore, or see today's palette.