Petrol Corridor color palette — #EBF4F3 · #D5D9ED · #7BA0C7 · #34738E · #28374B

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

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#D5D9ED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7BA0C7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#34738E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#28374B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Hollow color palette (#D1E4E2, #64A4CC, #005C94, #003747, #000A1E)
• Worn Petrol Thicket color palette (#E1ECEA, #7BBFD1, #007695, #004A4F, #001925)
• Ash Pier color palette (#FAF4EE, #C3EEF2, #8499C2, #57785E, #604B57)
• Tempered Powder color palette (#FBF3F5, #D9D4DE, #B1CCFF, #5F9EA5, #464D60)
• Hushed Cerulean color palette (#EAF5F3, #A0DCE3, #0093A9, #00625F, #002A36)
• Softworn Lagoon color palette (#D4E6E2, #2D8886, #004448, #00201A, #000202)
• Softworn Driftwood Summit color palette (#EBF5EB, #A8C3AD, #987E59, #6C4E59, #232F27)
• Amber Workshop color palette (#FEEBFA, #D78178, #A88A1E, #8E6995, #30222E)

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