Petrol Corridor color palette — #E9F6ED · #86BECC · #C68D70 · #007F95 · #4B2612

A conversation between Teal and Camel, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Ash (#86BECC): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C68D70): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#4B2612): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Tempered Meadow color palette (#EEF5E7, #8BC1AB, #CA849B, #008665, #4A2521)
• Worn Amber color palette (#ECF9F1, #76BBD2, #D08166, #007F9C, #534B47)
• Cobalt Coast color palette (#F7EFF7, #9BB5DC, #A99D5A, #4371B9, #33312A)
• Dusty Quarry color palette (#EBF7FF, #86D0ED, #E79B86, #3B98B9, #5C4555)
• Antique Ridge color palette (#E3F7F0, #6CA3CC, #BE796A, #AE5F4E, #0B2E25)
• Tempered Petrol Market color palette (#F6EFF5, #D5C0A2, #4F6184, #3F273D, #1B0F1A)
• Muted Lagoon color palette (#E7F7EC, #EBD3CE, #E8B8AC, #539A8A, #263C36)
• Soft Quarry color palette (#FFEAFF, #619AE6, #D3620D, #0053AB, #381400)

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