Petrol Corridor color palette — #CFF0FF · #006C7B · #322B2F · #00151E · #000102

Peacock takes the lead with Frost close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CFF0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006C7B): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#322B2F): quiet, heavy and certain.
• Ink (#00151E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

One click turns Petrol Corridor 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

• Smoked Abyss Lagoon color palette (#DBF5FF, #004F57, #1E1D24, #000E25, #000405)
• Softworn Veranda color palette (#D3E3EA, #00899A, #144761, #00212D, #000203)
• Periwinkle Hollow color palette (#EEF6FF, #74B1FF, #495569, #242C35, #0C1014)
• Wandering Azure color palette (#D9EFF8, #009CCC, #006A99, #00375B, #000B1C)
• Midnight Terrace color palette (#E1EEFF, #0057C8, #2E2223, #0A0E2E, #000105)
• Pale Cobalt color palette (#E5FAF9, #99D3FF, #077DD5, #004E67, #000B25)
• Charred Corridor color palette (#DDEAFF, #1000B6, #403239, #140A15, #01000A)
• Worn Violet color palette (#F3F4FF, #9C69E8, #34304F, #0D0E1B, #010103)

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