Petrol Workshop color palette — #FAF2F9 · #E6D4D7 · #CFB3C2 · #4B67AC · #4B3948
Slate and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Silver (#E6D4D7): A whisper-light, dusty red — the color of a theater curtain.
- Rosewood Mist (#CFB3C2): A luminous, dusty pink — the color of a candy shop window.
- Slate (#4B67AC): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4B3948): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, 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
- Hushed Basin color palette (#F5F0F5, #E2D2D2, #D7B5BD, #2B68C3, #2D1F2D)
- Cornflower Delta color palette (#F1F6FB, #DBD7E2, #D1B9D5, #4384E6, #324154)
- Wandering Harbor color palette (#F4ECF1, #D6C7CF, #B099A3, #454C93, #382833)
- Aged Petrol color palette (#EEF8F2, #C8DFDF, #A4C5B9, #00778E, #35443B)
- Antique Lagoon color palette (#FCF3F3, #E1D8D2, #ACAFA6, #9F7676, #5A4F4F)
- Cocoa Market color palette (#FFE2EA, #BB94BB, #9F6485, #7A4E37, #663D00)
- Airy Orchid color palette (#FFF0F8, #BACCFF, #A399FF, #A156CF, #3F2A68)
- Antique Aubergine color palette (#EBDBDE, #B8A3A5, #997475, #570C64, #240A11)
Browse the whole catalog at Explore, or see today's palette.