Petrol Workshop color palette — #F3F4FF · #9C84B5 · #A56E69 · #146982 · #3A3B50
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Heather (#9C84B5): A luminous, dusty violet — the color of a velvet chair.
- Mocha (#A56E69): A full-bodied, dusty orange — the color of toasted spice.
- Peacock (#146982): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3A3B50): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.
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
- Patina Cypress color palette (#F1F5FF, #898BB9, #518D78, #006D73, #353C51)
- Dusty Drift color palette (#F4F4FF, #9F82B7, #A96C64, #825325, #3B3B50)
- Dusty Lagoon color palette (#F5F4FA, #DDD7DC, #B7A9A4, #9D709C, #535158)
- Antique Iris Workshop color palette (#EBF2FF, #7F90D7, #798C48, #286C55, #1D232F)
- Aged Fern color palette (#ECF7FC, #5B9DA2, #927C4D, #596621, #29414A)
- Softworn Pewter Ridge color palette (#F5F4FB, #BEBBE4, #A7648B, #84579C, #312B38)
- Softworn Periwinkle Parlor color palette (#FBF2FB, #7EAEEA, #A59E59, #3A888A, #433944)
- Timeworn Summit color palette (#F7F3FF, #DCABC5, #B06F84, #90384D, #6F292F)
Browse the whole catalog at Explore, or see today's palette.