Nocturne Petrol color palette — #D9F4ED · #0D66A8 · #331D31 · #001913 · #000606

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

The five colors

• Honeydew (#D9F4ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#0D66A8): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#331D31): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000606): a grounded near-black with real depth.

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

• Inked Petrol color palette (#D1E4DB, #006C90, #002E24, #00190F, #000505)
• Ultramarine Summit color palette (#EBDAE7, #3B5BB9, #212143, #1D0D1B, #090204)
• Wandering Dune color palette (#DFEFFE, #0086D3, #393A65, #102334, #060F13)
• Weathered Azure color palette (#DAEBFC, #2DA0FC, #4E6380, #2F3E4E, #060E15)
• Driftwood Field color palette (#FBEEF2, #896EAD, #49363B, #342329, #1B1313)
• Grape Garden color palette (#FBE0ED, #6800DB, #28103D, #11002E, #11020C)
• Moonless Aubergine Drift color palette (#F7DDEC, #34039C, #2B0E12, #0C0022, #040004)
• Byzantium Orchard color palette (#FDE2E6, #9E2DA5, #421937, #2D0A13, #130402)

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