Nocturne Petrol color palette — #C6EEE7 · #00707E · #003A4D · #001C37 · #04001C

Built around Teal, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Honeydew (#C6EEE7): A whisper-light, dusty teal — the color of sea glass.
• Teal (#00707E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003A4D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001C37): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#04001C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

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

• Cellar Courtyard color palette (#DCEEEF, #006684, #00375E, #020063, #050012)
• Antique Cocoa Grove color palette (#CAEBF9, #006581, #6B3C00, #002F3E, #060200)
• Tempered Atelier color palette (#D5E9EB, #008CA4, #005570, #00263D, #00030B)
• Forest Studio color palette (#E2F2D4, #007342, #004039, #001B1E, #000408)
• Moonless Orchard color palette (#D4EAFF, #0073C4, #003B5B, #001027, #000105)
• Powdered Navy color palette (#DAEEEC, #0098B0, #0067A2, #00327A, #1C004B)
• Pale Atelier color palette (#D8F1FF, #8A9EEB, #AC57A2, #00443B, #00041D)
• Rust Courtyard color palette (#D6ECD8, #BA4000, #006D80, #060C12, #000201)

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