Petrol Atelier color palette — #F2F5FF · #E0D5E9 · #B9B9D2 · #675FA4 · #3B3F4C
A conversation between Slate and Ash, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Silver (#E0D5E9): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B9B9D2): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#675FA4): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#3B3F4C): A deep, shadowed, dusty violet — the color of wild irises.
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
- Dusty Petrol Orchard color palette (#EDF2FD, #DBD2E1, #C0BAD9, #6361AA, #1E2436)
- Iris Basin color palette (#FCF2F8, #E9D5D2, #DAB8AD, #7D7DC7, #4E3845)
- Denim Pier color palette (#ECEEF9, #C9C9E2, #A09DB2, #5B497F, #2A2C3C)
- Mallow Drift color palette (#F9E7FF, #D494C6, #976A7D, #724D5F, #38533A)
- Weathered Grove color palette (#FAF2FF, #DBCCE0, #B79DB8, #972762, #3A2D42)
- Garnet Pier color palette (#E6E1ED, #B1A3BB, #8D7594, #63044A, #16111D)
- Quiet Peony color palette (#F3F4FF, #CDCDFF, #C38AFF, #B54CAF, #422250)
- Muted Delta color palette (#DAFEF8, #6EB682, #007D54, #2C576B, #0B4441)
Browse the whole catalog at Explore, or see today's palette.