Petrol Corridor color palette — #F9F4ED · #C8E4D8 · #678EB6 · #006F7D · #583E54

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Silver (#C8E4D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#678EB6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583E54): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Cypress Delta color palette (#F9F4ED, #CBE4CF, #4D96AA, #007362, #295142)
• Antique Iris color palette (#F6F1EC, #C0E7D6, #6A8DCC, #016D65, #3E2131)
• Cobalt Dune color palette (#FAF4EC, #ADDAC6, #0685D1, #00656E, #1B3D77)
• Dusty Lagoon Corridor color palette (#FAF3F6, #D4DEFD, #84A5E2, #088D84, #3F4564)
• Dusty Bloom color palette (#EDFAE8, #61B0A0, #C36889, #007666, #613142)
• Aged Cerulean color palette (#ECE6DD, #428BA0, #00425D, #002222, #000A18)
• Petrol Ridge color palette (#FFF4E2, #7DC6C7, #007C8D, #005845, #00394B)
• Denim Corridor color palette (#F5EDDF, #86A98C, #006275, #003F35, #002333)

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