Petrol Corridor color palette — #C9EED9 · #4EA7B5 · #5375A7 · #67402C · #3E1701

A conversation between Slate and Cyan, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#C9EED9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#4EA7B5): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5375A7): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#67402C): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#3E1701): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Cerulean Courtyard color palette (#C7EDF2, #6096C5, #72649A, #4D4613, #292C00)
• Timeworn Bloom color palette (#E5E1D3, #729E79, #168389, #673443, #431C1C)
• Chestnut Basin color palette (#D2F4F6, #77B5DC, #8683B7, #755716, #503800)
• Terracotta Hollow color palette (#CCEEE0, #29A2DD, #A64000, #00597F, #320E00)
• Frosted Field color palette (#DBEBFB, #6D7EA4, #55557F, #691247, #4D1425)
• Soft Ridge color palette (#DAEDF2, #6BB1D1, #3B89D0, #745686, #3E1538)
• Softworn Aubergine Meadow color palette (#CBF3FC, #597BAB, #5E3D73, #373800, #141500)
• Bronze Summit color palette (#D6E5EF, #007EB1, #A54B00, #7E4A00, #001420)

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