Petrol Corridor color palette — #E2F2F0 · #7EC2D8 · #007195 · #003D43 · #000306

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E2F2F0): bright and airy, almost weightless.
• Sky (#7EC2D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#007195): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): quiet, heavy and certain.

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

• Washed Ultramarine Atelier color palette (#DFF3F2, #8CBCE8, #0064C8, #003A52, #000114)
• Teal Lagoon color palette (#DEEFEB, #5DB3B0, #006166, #002C25, #000102)
• Softworn Parlor color palette (#E7FAF8, #A3D3F2, #0080C9, #004E63, #000C20)
• Tempered Cobalt color palette (#FDE7F5, #3AC2E4, #008BCE, #006E62, #000D3D)
• Hazy Harbor color palette (#FBE9F4, #539BAE, #004D7D, #003124, #0A0048)
• Azure Dune color palette (#EAF9F7, #D1DCF1, #00A4EF, #006F85, #002645)
• Turquoise Villa color palette (#E7FAF6, #CAE2F1, #00C3DE, #008883, #003C4A)
• Muted Market color palette (#EBDCE3, #C16E0F, #793900, #3D1200, #020100)

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