Worn Petrol color palette — #F3F5FC · #BEB9EC · #A56785 · #6B63A1 · #322A39

A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Lavender (#BEB9EC): A luminous, dusty violet — the color of wild irises.
• Mocha (#A56785): A full-bodied, balanced rose — the color of pressed rose petals.
• Slate (#6B63A1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#322A39): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Worn 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

• Worn Dune color palette (#F0F6FC, #A0C5E5, #8174A4, #36739C, #2B2D3A)
• Washed Bronze color palette (#F6F3FC, #DCB1CF, #A47041, #8C5A7F, #37292F)
• Cobalt Coast color palette (#EEF2F8, #B1C3EB, #B16E62, #536EB4, #1E111B)
• Dusty Balcony color palette (#EBFAEE, #BB99C7, #976777, #506038, #4A4359)
• Timeworn Garnet Lantern color palette (#F3F4FF, #D7B2E0, #A87092, #81465B, #752B2E)
• Wandering Lagoon color palette (#F9F3F8, #E9C3E2, #C0906B, #6687E0, #322D28)
• Antique Driftwood color palette (#F4F4FC, #DFD7DE, #B5AAA5, #7F7E9E, #52525A)
• Ancient Harbor color palette (#F2F5FF, #917FB4, #7E6034, #2A5E3D, #26333D)

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