Petrol Corridor color palette — #F6EBF1 · #98B6CB · #4267A7 · #005049 · #2E2455

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F6EBF1): a clean, paper-quiet neutral.
• Ash (#98B6CB): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4267A7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2E2455): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Courtyard color palette (#FBF3F5, #B1C8DB, #5974BE, #00605D, #3F3060)
• Petrol Pier color palette (#EEE8DE, #7DBDDC, #0070B2, #004A51, #031433)
• Worn Spruce color palette (#F4ECF5, #77A7B5, #006179, #004212, #00203F)
• Worn Forest color palette (#FCF1FC, #99DCDE, #008CB5, #006B33, #194071)
• Cypress Meadow color palette (#FAF3F6, #D9DEEF, #8699BF, #1E7E78, #4A506F)
• Softworn Grape Orchard color palette (#C8E7D7, #8A820F, #7F4EB0, #504B00, #351552)
• Periwinkle Workshop color palette (#FAEBE0, #98DEFF, #72A6F1, #009283, #2B2654)
• Misty Market color palette (#D6FEEC, #9DD1B5, #4CA6C5, #805000, #243B19)

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