Petrol Corridor color palette — #F8EAEF · #8BB7DB · #5261AD · #004F51 · #362151

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Sky (#8BB7DB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5261AD): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#362151): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Powdered Sapphire Pier color palette (#FFF1F6, #73C1F4, #3C5EE0, #005654, #3B1C6B)
• Petrol Harbor color palette (#F6EAF4, #7EBEC4, #127198, #00532F, #162C54)
• Petrol Cabin color palette (#EEE8DF, #96BDB2, #4369AE, #00495A, #0E0843)
• Cobalt Ridge color palette (#E8F1EA, #AEC7E0, #5F86CA, #006880, #232857)
• Cobalt Orchard color palette (#FDF1F9, #92DCEC, #0C87CA, #00694C, #2E3B6F)
• Softworn Cypress Lantern color palette (#F8F3F9, #D2E1EF, #779FB6, #537A55, #40556A)
• Washed Chapel color palette (#FBE4EF, #6098B2, #0C4693, #00302A, #14043C)
• Sunlit Iris Cabin color palette (#F6EDE3, #AFD8FD, #899BFF, #009094, #35244A)

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