Nocturne Petrol color palette — #D1E6EF · #007684 · #00303E · #011B25 · #020710

A conversation between Teal and Deep Forest, giving this palette its sense of trust and stability.

The five colors

• Frost (#D1E6EF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007684): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00303E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#011B25): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020710): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Denim Loft color palette (#DDF3FF, #005F74, #3E3137, #001D2C, #000B12)
• Wandering Meadow color palette (#E0F0F6, #00B6C4, #446A93, #064B51, #001617)
• Aged Sapphire Garden color palette (#D5E7FA, #0070D1, #253248, #16202B, #0B0C12)
• Cerulean Delta color palette (#D4E7D8, #0097A8, #154B64, #162C1D, #0C140A)
• Soft Hollow color palette (#DDEDFF, #0081E2, #9B48B6, #007067, #16324E)
• Eclipse Summit color palette (#D2E0FC, #0112AA, #18111C, #060028, #000109)
• Lowlit Lapis color palette (#E7ECFD, #4216F3, #1F1542, #030A25, #020108)
• Hushed Field color palette (#E2FDEF, #9CAC56, #527700, #345C36, #1D4337)

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