Petrol Workshop color palette — #F0F5FF · #DFDBFF · #CA9BD0 · #3B74A2 · #37425D

Slate and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Thistle (#DFDBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#CA9BD0): A luminous, balanced pink — the color of a candy shop window.
• Slate (#3B74A2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#37425D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, 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

• Aged Blush color palette (#F5F3FF, #E2D2FA, #E297A1, #6F6293, #443E55)
• Softworn Mallow color palette (#EAF3FF, #D4D6F5, #F29EBA, #00747E, #222744)
• Washed Cerulean Lantern color palette (#FFF0FF, #F0D0E8, #E9ACB4, #009DB5, #5B3749)
• Chalky Peony Studio color palette (#DFE0FC, #BBAAD9, #C36DAF, #234986, #2D1C47)
• Antique Navy Drift color palette (#EEE5FB, #C994C7, #A9536E, #302682, #260830)
• Ancient Mulberry Pier color palette (#F9EFFF, #FDB9B7, #BE8866, #83437A, #3F2A44)
• Apricot Boulevard color palette (#F8F2FF, #F9D4C7, #FE9D7C, #935294, #643344)
• Aubergine Villa color palette (#F5F4FE, #B683C3, #96401B, #722885, #260F1E)

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