Petrol Corridor color palette — #EFE6ED · #75C2CC · #0074A2 · #004E2F · #051336

A conversation between Slate and Forest, giving this palette its sense of nature and growth.

The five colors

• Blush (#EFE6ED): bright and airy, almost weightless.
• Aqua (#75C2CC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E2F): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#051336): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Sapphire Pier color palette (#F0E6EA, #84BCD9, #2063D5, #004C45, #160C35)
• Cobalt Lantern color palette (#F8EEF5, #9AD2E1, #3881BA, #005E47, #121F3C)
• Dusty Cerulean color palette (#FCF4E8, #A8F4FF, #00A1C7, #006B5F, #002133)
• Dusty Turquoise Thicket color palette (#F6F0F4, #D4D2EA, #6EA3C9, #3F7860, #2B364B)
• Tempered Lagoon Thicket color palette (#F1E7F2, #3D9B95, #005263, #042E03, #00050D)
• Byzantium Balcony color palette (#D9EBEC, #009573, #9527CD, #00543F, #1E002F)
• Muted Basin color palette (#CDEEE0, #08B383, #006845, #002C1E, #000603)
• Hazy Azure color palette (#CCF9F5, #6FD9D3, #3AA4EB, #715E00, #002021)

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