Nocturne Petrol color palette — #E2F5EE · #006C9D · #032547 · #00100B · #000301

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

The five colors

• Cream (#E2F5EE): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#032547): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00100B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Velvet Villa color palette (#E8D9E8, #1D63B7, #182245, #150615, #000302)
• Muted Cobalt Alley color palette (#D8EDFE, #008AC4, #2A425A, #122431, #060F14)
• Lowlit Meadow color palette (#DEE9DC, #00746F, #0A2D14, #041003, #010301)
• Muted Cabin color palette (#F5EAEF, #8577BA, #4B343C, #251B20, #100A0E)
• Chalky Plum Station color palette (#F8D9E7, #8068C9, #BE276C, #006582, #240818)
• Washed Archive color palette (#F2F3E9, #ACD3B6, #008AA3, #005B5A, #002531)
• Ultramarine Loft color palette (#F4E3F3, #6591DA, #009269, #0D4DB3, #002316)
• Aubergine Drift color palette (#FEE9F0, #3E3A34, #3B0063, #190C04, #050008)

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