Washed Petrol color palette — #F2F5FC · #BABCE7 · #A46979 · #6563AA · #332A36

Slate and Mocha set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FC): a clean, paper-quiet neutral.
• Lavender (#BABCE7): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#A46979): A full-bodied, dusty red — the color of a theater curtain.
• Slate (#6563AA): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#332A36): 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

• Softworn Plum Bloom color palette (#F6F4FA, #C4B9E0, #A76D4B, #92528C, #392831)
• Antique Rust color palette (#EEF2F8, #A9C4F4, #BD6371, #4C71B1, #1C121D)
• Petrol Corridor color palette (#F0F6FB, #97C8E5, #936AA7, #0076A5, #2D2C3B)
• Patina Fern color palette (#EAFAED, #B59CC6, #96677C, #526026, #49435D)
• Muted Amber color palette (#F8F3F8, #B2D4FF, #CE895B, #618FC8, #352C25)
• Hazy Delta color palette (#F2F4FF, #B7B3DC, #A8739A, #8C3C5E, #752937)
• Tempered Driftwood Study color palette (#F4F4FB, #DED8DE, #B8A8A2, #8C76A8, #515259)
• Garnet Quarry color palette (#E8E3F1, #A55690, #632E00, #590049, #080200)

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