Nocturne Petrol color palette — #C9E6F3 · #008092 · #073750 · #021922 · #000608

Teal and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C9E6F3): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#008092): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#073750): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#021922): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000608): a grounded near-black with real depth.

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

• Timeworn Cerulean color palette (#E0F2FD, #008EB1, #27425D, #13242D, #050F13)
• Wandering Petrol Coast color palette (#DFF1FF, #006991, #382E32, #0B2347, #000A15)
• Sapphire Courtyard color palette (#E5EEFC, #0065F1, #302C57, #091629, #01050B)
• Iris Orchard color palette (#ECF2FF, #8891EF, #555668, #343841, #1F2226)
• Cornflower Atelier color palette (#D2E3F9, #1285F5, #D13958, #44790E, #07203A)
• Aged Azure Garden color palette (#D8ECF0, #00ACDF, #0075B3, #00508D, #172653)
• Gentle Corridor color palette (#DEE0F5, #A052FF, #59365B, #23243A, #0C111E)
• Weathered Meadow color palette (#D5EBDD, #A1AE4C, #558036, #25624C, #0D3025)

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