Petrol Corridor color palette — #E0ECE9 · #81C0C1 · #007983 · #004C44 · #001A1F

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

The five colors

• Cream (#E0ECE9): bright and airy, almost weightless.
• Mint Leaf (#81C0C1): A luminous, dusty teal — the color of sea glass.
• Teal (#007983): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001A1F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Cerulean color palette (#E9F5F3, #A7CFDF, #2E899C, #005B5A, #002530)
• Softworn Petrol Atelier color palette (#DCEDEC, #9AB7D0, #146FB2, #00485D, #001533)
• Hushed Petrol Lantern color palette (#FAEBE4, #9ABC9C, #00748C, #005235, #00314D)
• Denim Quarry color palette (#DBE8E6, #64A7BC, #00617E, #00383E, #000C16)
• Muted Abyss Summit color palette (#D7E8E6, #4B828F, #004254, #001F21, #000103)
• Timeworn Fern color palette (#D1F1F0, #9DD3D5, #00BAAA, #266C15, #001C10)
• Patina Jade color palette (#DBF5E1, #4EA975, #006634, #002D13, #000601)
• Pine Terrace color palette (#D0F2EF, #008140, #00697F, #614800, #000F04)

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