Washed Petrol color palette — #EEF2F9 · #B1C1F3 · #AC725F · #5F6FA2 · #1F101A

Slate takes the lead with Mocha close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Sky (#B1C1F3): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#AC725F): A luminous, dusty orange — the color of autumn markets.
• Slate (#5F6FA2): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1F101A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Patina Pewter Archive color palette (#F2F0F9, #DAB4E0, #9D7D4B, #88618F, #0E190F)
• Muted Indigo color palette (#F3F5FC, #C2B8E8, #A7696F, #725CAF, #342A35)
• Cocoa Canyon color palette (#EBF2FF, #CCB9EE, #A27595, #7B3E46, #411F00)
• Antique Ash Dune color palette (#E0F7F6, #A4A6DA, #9A6778, #1E5D57, #2A293F)
• Washed Study color palette (#F9F3F8, #E8C4DF, #C48D70, #7387D2, #332C28)
• Grape Garden color palette (#EDF1FF, #A39AF2, #856600, #5D2BD1, #0E0800)
• Patina Pine color palette (#F2F0FD, #B48CB6, #507E58, #285839, #002E2E)
• Powdered Aubergine color palette (#EAE7F6, #A159A0, #5C3C00, #5B005D, #020100)

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