Petrol Workshop color palette — #D9E0E6 · #BAC5D9 · #A2A1BF · #0B698F · #0F212E

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

The five colors

• Silver (#D9E0E6): bright and airy, almost weightless.
• Lilac Frost (#BAC5D9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#A2A1BF): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#0B698F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0F212E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Denim Veranda color palette (#DCE4EE, #AFB3C9, #998FB0, #12519B, #0C141F)
• Cobalt Thicket color palette (#E7EFF8, #BEBECB, #AAA4C6, #1A85D2, #0D2132)
• Ancient Pewter color palette (#EEEEF6, #DDD2E7, #C9AEC4, #855FA0, #2D2C38)
• Ash Coast color palette (#EFF6FC, #DCD9E3, #C9BCCA, #7293B1, #41494F)
• Soft Aubergine Courtyard color palette (#E4E3D4, #008EAE, #643CA5, #3F3900, #00172E)
• Fern Pier color palette (#D1F8FF, #8894CC, #8A5F85, #3C511A, #1F3002)
• Patina Veranda color palette (#CDEDFF, #0081A0, #9D0802, #323700, #111300)
• Amber Alley color palette (#FAE4EF, #B48C00, #556A00, #4E3968, #02210E)

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