Petrol Corridor color palette — #F3E6E0 · #96BFA5 · #0070B1 · #004D3A · #0D1135

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

The five colors

• Parchment (#F3E6E0): bright and airy, almost weightless.
• Sage (#96BFA5): A luminous, dusty teal — the color of sea glass.
• Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0D1135): 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

• Aged Cobalt color palette (#FEEEE7, #52CEE4, #0079B2, #005439, #070F4C)
• Linen Loft color palette (#EEE8E1, #91B8D9, #4A5BD2, #004B4C, #1C0B30)
• Patina Basin color palette (#F6EBF2, #86D2E5, #0E8DDA, #006F54, #232B4E)
• Patina Lagoon color palette (#ECDED8, #159CA2, #00516B, #002E13, #000411)
• Washed Cerulean Boulevard color palette (#F8F0EE, #CAE5C5, #0F9DBA, #416A3B, #08342B)
• Weathered Teal color palette (#AAF0D6, #00B394, #00634D, #002F26, #000605)
• Hushed Periwinkle Hollow color palette (#F7F0EC, #C8E4E2, #72A0CF, #407768, #432F3D)
• Mulberry Cabin color palette (#DFE8CE, #26A76E, #A20079, #005533, #27001A)

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