Petrol Atelier color palette — #F6EFF4 · #DDD4D4 · #C7B7B7 · #6573A0 · #31292F

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

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#DDD4D4): a clean, paper-quiet neutral.
• Stone (#C7B7B7): a calm mid-gray that lets other colors speak.
• Slate (#6573A0): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#31292F): quiet, heavy and certain.

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

Use it as a design system

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

• Cobalt Loft color palette (#F2F5FB, #DCD9E1, #C9BACA, #5A73A8, #434850)
• Ancient Villa color palette (#FDEDF0, #E3D2CA, #D3B7B6, #934996, #321F22)
• Timeworn Chestnut Study color palette (#FFECF3, #D3A6B0, #9F8082, #864B25, #3A342F)
• Indigo Boulevard color palette (#F5DFE8, #7F60BB, #442731, #211018, #0B0408)
• Weathered Villa color palette (#FFECF5, #D1DCFF, #B6AFFF, #A67CB9, #331826)
• Cocoa Field color palette (#FFEEE6, #A191CC, #815A8B, #6F3027, #321A24)
• Navy Chapel color palette (#E5DDE2, #AC9AA2, #92717D, #312773, #0D0008)
• Antique Mulberry color palette (#F0E6E7, #DBC6C4, #BA9B97, #773E67, #1E1213)

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