Nocturne Petrol color palette — #DFEEE8 · #006B96 · #381A2D · #001911 · #000604

Peacock and Onyx set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFEEE8): bright and airy, almost weightless.
• Peacock (#006B96): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#381A2D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#001911): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000604): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Worn Terrace color palette (#ECE0EB, #4972AC, #432933, #291829, #0A1616)
• Cypress Orchard color palette (#E1F1DF, #00726C, #052D22, #091807, #010602)
• Tempered Azure color palette (#DAE8F3, #00A7E8, #546084, #2F3E4A, #050F12)
• Aubergine Station color palette (#F9E1EA, #645D68, #3E006E, #2C131A, #0E0006)
• Nocturne Ridge color palette (#F8DAED, #4B31D9, #330935, #09052B, #000A06)
• Wandering Byzantium color palette (#FCEAEF, #8E3AB5, #441B29, #2C0917, #140306)
• Inked Alley color palette (#EADDE7, #1511A6, #0E131A, #12001A, #000011)
• Soft Pier color palette (#F6DBEE, #6472C2, #757000, #386126, #22284B)

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