Petrol Corridor color palette — #DFF0F1 · #3C6F94 · #423563 · #2B2800 · #000C04

Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DFF0F1): bright and airy, almost weightless.
• Slate (#3C6F94): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#423563): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#2B2800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000C04): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Timeworn Basalt color palette (#D3E1EE, #726A96, #5E2752, #002E08, #000905)
• Weathered Garnet color palette (#D7DFFF, #716B9F, #5A426E, #54111E, #2C1600)
• Washed Navy color palette (#F3E8E0, #4B94B4, #004A87, #002C2B, #02001D)
• Weathered Courtyard color palette (#CFF4EF, #398BB1, #605E92, #493A00, #092800)
• Washed Canyon color palette (#E1DCEB, #99628A, #753930, #003638, #001416)
• Pine Basin color palette (#E9E8C9, #007C4B, #004039, #002230, #000401)
• Aged Ash color palette (#F7D9F0, #A889BA, #8C555E, #004435, #002522)
• Iris Coast color palette (#DCF1FF, #9090DB, #834F85, #3D4D19, #1F2B00)

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