Petrol Workshop color palette — #FAF3F9 · #ECD3D8 · #D2B1C5 · #3B6AAF · #493A48

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Silver (#ECD3D8): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D2B1C5): A luminous, dusty pink — the color of peonies in June.
• Slate (#3B6AAF): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#493A48): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Softworn Cobalt Veranda color palette (#F5F0F6, #E2D2D4, #D5B5C4, #2C6CB4, #2E1F2F)
• Patina Pewter color palette (#FCF2F6, #E5D7D4, #D0BBB4, #7B6B93, #4E4548)
• Washed Denim Chapel color palette (#F5EBF3, #D7C7D1, #B298A5, #3C5091, #362933)
• Timeworn Petrol color palette (#EBF9F2, #C3E1E3, #A5C4BB, #007596, #37433D)
• Tempered Lilac Boulevard color palette (#E2E2FF, #BDA1F1, #9E6DA6, #605855, #46433C)
• Worn Violet Harbor color palette (#FFF0FB, #B7D3FF, #9AA6FF, #946DD6, #35315E)
• Worn Terrace color palette (#EBF9F5, #EADCDC, #DBC0B8, #52AAF8, #30453F)
• Washed Aubergine color palette (#F3E1E6, #C29FA5, #9B7376, #501569, #1F0E13)

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