Nocturne Petrol color palette — #CFE8EA · #007180 · #003543 · #00151F · #00040B

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

The five colors

• Frost (#CFE8EA): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007180): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003543): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00151F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00040B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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

• Lagoon Dune color palette (#E0F5E7, #009A9B, #006B79, #004460, #000406)
• Spruce Quarry color palette (#CCE6D7, #56505C, #003441, #121D21, #00050A)
• Tempered Cypress Balcony color palette (#DBF1E6, #00837E, #005369, #00203B, #010018)
• Eclipse Denim color palette (#DCF1FE, #00649C, #003162, #000439, #010016)
• Nocturne Onyx Parlor color palette (#C8EADC, #00425E, #1D005B, #160014, #000202)
• Navy Grove color palette (#CCE9DD, #406FA2, #252F77, #390B32, #260303)
• Moonless Nightshade color palette (#DAECFF, #1D55C5, #1C009A, #0C0039, #09000A)
• Gentle Field color palette (#D8E4FF, #615FDA, #3E0096, #27004B, #160026)

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