Petrol Corridor color palette — #ECF7FD · #D6D8EC · #AFBAD6 · #006A83 · #030E15

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

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Silver (#D6D8EC): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#AFBAD6): A luminous, dusty violet — the color of wild irises.
• Peacock (#006A83): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#030E15): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Hollow color palette (#E7EFF7, #C6D0E3, #9FA3C9, #005280, #000308)
• Patina Ultramarine Coast color palette (#F0F5FF, #DDD6E4, #D1ADD0, #3C56B6, #060C1A)
• Washed Boulevard color palette (#DCE4DF, #BAAFBA, #A08491, #004C5C, #020E07)
• Timeworn Cerulean color palette (#D9E3DE, #ACC6C8, #C8A7B3, #008CB8, #15231D)
• Muted Harbor color palette (#F3F5FB, #E2D8E1, #DCBACD, #7E65B3, #1C1D28)
• Worn Summit color palette (#E3FCF3, #73B381, #00705E, #004355, #000B02)
• Indigo Terrace color palette (#D2EEF0, #89ACDB, #825DA7, #484800, #0A1800)
• Tempered Navy color palette (#DBE0EA, #B8B9CB, #978AB1, #2A2B88, #000104)

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