Petrol Atelier color palette — #F1F5FD · #AEBDF7 · #8A70A3 · #5C69A1 · #2D2D37
A conversation between Slate and Sky, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F5FD): a clean, paper-quiet neutral.
- Sky (#AEBDF7): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#8A70A3): A full-bodied, balanced violet — the color of a velvet chair.
- Slate (#5C69A1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Onyx (#2D2D37): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged duotone, muted.
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
- Aged Driftwood Chapel color palette (#F5F4FC, #DCAEDF, #AF6278, #825E84, #322B35)
- Cerulean Grove color palette (#F9F3F8, #BAD1FF, #C287A4, #738CBF, #3A2928)
- Ancient Mallow Chapel color palette (#F5F3FF, #C7AAED, #9873A4, #704C70, #67303D)
- Driftwood Studio color palette (#F2F5FD, #DDD8E2, #B8AAA9, #7780A3, #515258)
- Mallow Station color palette (#F3F4FF, #E0D5E2, #D9B0FE, #B28EB3, #47465D)
- Muted Courtyard color palette (#F4F4FF, #AF83C9, #965D6D, #73472D, #33435B)
- Mulberry Coast color palette (#F5F3FF, #C07CC7, #A4244A, #6D3574, #1F1321)
- Hushed Cerulean Alley color palette (#EBF7FE, #2195AC, #776810, #3A5631, #21363A)
Browse the whole catalog at Explore, or see today's palette.