Washed Petrol color palette — #F9F3F8 · #E4D7D9 · #D2B9BA · #6173A0 · #4E444C

Built around Slate, softened by Stone — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E4D7D9): bright and airy, almost weightless.
• Stone (#D2B9BA): A luminous, dusty red — the color of embers at dusk.
• Slate (#6173A0): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4E444C): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Tempered Pewter Coast color palette (#F6EFF6, #E1D4D4, #CDB7B2, #886987, #302A2F)
• Tempered Ridge color palette (#FFF1F8, #E8C9D5, #C399A6, #5B46A5, #3D2D36)
• Softworn Study color palette (#FFE5EF, #D3ABB4, #A27A7C, #894F27, #564800)
• Ash Market color palette (#F9F3F9, #E3D8D7, #B9B1A6, #91AED4, #4C454C)
• Lilac Coast color palette (#FFF0F9, #CCDDFF, #B1B4FF, #A37CC6, #4E2C3E)
• Weathered Indigo Loft color palette (#F2DEE7, #7759C5, #492533, #2A1922, #130A0B)
• Timeworn Garnet Harbor color palette (#F8EBEA, #CBB2AD, #AC8376, #741F47, #2C1A18)
• Antique Basin color palette (#FFF2ED, #948CD8, #7F539E, #773838, #4D3540)

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