Nocturne Petrol color palette — #C4E9DA · #006992 · #272E35 · #0A224A · #000B13

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

The five colors

• Honeydew (#C4E9DA): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#006992): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#272E35): a grounded near-black with real depth.
• Midnight (#0A224A): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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 Courtyard color palette (#D5E5D2, #007068, #454E59, #002A31, #000C0B)
• Cellar Ultramarine Summit color palette (#EAD9EB, #0060B3, #1D1F44, #00091A, #000201)
• Cobalt Chapel color palette (#DCEBF5, #0084B3, #393B6E, #032031, #000203)
• Petrol Hollow color palette (#E7E0D5, #75BFC8, #00819F, #005A4F, #002234)
• Softworn Pier color palette (#D9E9E4, #5695CA, #5C4457, #19342D, #121B16)
• Hushed Violet color palette (#FFE4EE, #9A67DE, #583859, #2C1E40, #1B0C16)
• Lapis Summit color palette (#F7E3EE, #583CD6, #2F1741, #080127, #040004)
• Gentle Sapphire Corridor color palette (#F5DDF0, #3F62FF, #3B2D62, #0C173D, #000A07)

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