Nocturne Petrol color palette — #C5E8EF · #006776 · #262F34 · #001F3A · #000A0D

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

The five colors

• Frost (#C5E8EF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006776): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#262F34): quiet, heavy and certain.
• Midnight (#001F3A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A0D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Summit color palette (#EAF2E1, #006C4B, #3E474D, #002426, #050A00)
• Twilit Lantern color palette (#C5E8DD, #0070B1, #252548, #00150F, #010502)
• Timeworn Boulevard color palette (#D9F3FF, #00869A, #003D5A, #001E2A, #00090D)
• Moonless Coast color palette (#F8E1F8, #0052A8, #2B2B33, #2C0D1F, #0B020C)
• Fern Loft color palette (#F6E2C4, #989C10, #296D00, #004942, #171800)
• Antique Field color palette (#D8E4F2, #0072CD, #8F5500, #6A4C00, #000E22)
• Linen Field color palette (#FEEFE0, #76C3FF, #436BCD, #005059, #1A0748)
• Feathered Villa color palette (#F9E3FB, #0787EF, #A75B00, #004D8D, #251000)

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