Midnight Petrol color palette — #DCF3FF · #007CA4 · #003C4E · #001520 · #000103

Cerulean takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DCF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001520): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

One click turns Midnight 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

• Obsidian Cypress color palette (#DFF1EF, #008471, #00463F, #001411, #000201)
• Faded Azure color palette (#C8E6FF, #06A1F0, #006492, #003152, #000912)
• Wandering Petrol color palette (#CEECE4, #006BB5, #5A2400, #002B4E, #030100)
• Pale Orchid color palette (#D2EDEE, #5499EF, #A159BA, #00492B, #000710)
• Bronze Alley color palette (#E5EDDA, #946300, #006F77, #050D12, #000200)
• Smoked Lagoon color palette (#DFE6F8, #0063E0, #002D91, #03003E, #000106)
• Lapis Lagoon color palette (#F2F0FF, #B19BFC, #6D54B4, #3E225E, #0F012B)
• Pale Iris color palette (#DEDBFF, #8080F7, #5747B3, #2D1463, #03001B)

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