Petrol Corridor color palette — #EEF7F7 · #B7D9F7 · #6C99C9 · #1E7697 · #223A60

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 (#EEF7F7): a clean, paper-quiet neutral.
• Powder Blue (#B7D9F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#6C99C9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#1E7697): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#223A60): 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

• Periwinkle Harbor color palette (#F4F6EF, #C0E0F3, #58ABFC, #007A9E, #3C253B)
• Sunlit Cobalt color palette (#CFEBF6, #4AB7E7, #0591D0, #15649E, #1B3E66)
• Weathered Cerulean Basin color palette (#EFF6FF, #DFD6F1, #DCB4E6, #5189BA, #34425A)
• Worn Cypress Canyon color palette (#EDF8F5, #A9DFED, #47A6AC, #007E6D, #00434C)
• Petrol Field color palette (#D9EEEB, #60AFC1, #00718D, #00494D, #001722)
• Hushed Denim color palette (#E1F0F0, #6B97C0, #1356A7, #003850, #00022B)
• Linen Grove color palette (#D1E7FF, #3D99F0, #A671BA, #008A7E, #112D48)
• Cobalt Study color palette (#E2F1FF, #5BAFF2, #62A868, #0077BC, #173F1C)

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