Petrol Corridor color palette — #E7F1E9 · #86C3C8 · #00738A · #003F35 · #000306

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

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Ash (#86C3C8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Ancient Ultramarine Quarry color palette (#E7F1E9, #91BCE1, #2762C3, #003C4A, #010014)
• Timeworn Cobalt color palette (#EDF9EF, #9DD6E8, #0084B8, #005151, #000D1E)
• Periwinkle Field color palette (#E7F7FF, #92D4FD, #899FF5, #006B66, #00080E)
• Hushed Azure color palette (#BBEDFF, #00A7CF, #00576C, #001A22, #000102)
• Brick Coast color palette (#DEF0F7, #008E9D, #BE1B00, #00444C, #040000)
• Muted Cerulean color palette (#F4DED7, #329AA3, #00506E, #002E17, #000313)
• Softworn Mulberry Lagoon color palette (#DAF3FF, #007486, #950086, #504100, #000102)
• Aged Courtyard color palette (#E8DBE6, #76BEC4, #008FBF, #007140, #001135)

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