Petrol Workshop color palette — #F2E7DE · #70BEE4 · #416BAC · #004C44 · #150F31

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

The five colors

• Parchment (#F2E7DE): bright and airy, almost weightless.
• Sky (#70BEE4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#416BAC): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#150F31): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Workshop 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

• Wandering Petrol Balcony color palette (#EDF0E4, #83B9D8, #076EA6, #004D5E, #002F56)
• Timeworn Forest color palette (#F5E5E1, #7CC2BC, #00788E, #184E0D, #00172B)
• Cobalt Villa color palette (#FBF0E5, #9FD5C4, #6678B7, #005B5B, #321623)
• Ancient Cobalt Dune color palette (#F9E9F1, #9ACCE7, #4488D5, #006C6C, #232857)
• Weathered Quarry color palette (#F3E5DE, #009AB4, #004D7B, #002D20, #02001D)
• Timeworn Teal Dune color palette (#CBF8F8, #00A8A6, #006562, #002E2C, #000505)
• Ash Alley color palette (#F7F0EA, #BEEEF1, #889CC6, #5A7356, #432F39)
• Iris Balcony color palette (#E3F1CE, #79DBEA, #8295DD, #536A2D, #0D2109)

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