Petrol Workshop color palette — #F1F6FB · #D9D7E4 · #AEB3C3 · #1C67A6 · #333B44
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Silver (#D9D7E4): bright and airy, almost weightless.
- Ash (#AEB3C3): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#1C67A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#333B44): quiet, heavy and certain.
Feels like: Trust, Stability, 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
- Timeworn Grove color palette (#EDF3F8, #D7D4E2, #B6B4CE, #1B6B9A, #1A2128)
- Cerulean Workshop color palette (#EFF7F4, #E9D7D9, #D3BBB5, #4387B6, #313E39)
- Tempered Driftwood Study color palette (#F4F4FB, #DED8DE, #B8A8A2, #8C76A8, #515259)
- Chestnut Chapel color palette (#D2E3FD, #969CB6, #7E739A, #634D26, #26493D)
- Wandering Byzantium Coast color palette (#F5F4FC, #E6D4DF, #C7B5CB, #9F33A4, #413C4F)
- Hushed Navy Grove color palette (#E4E9F1, #B4B9C3, #888CA9, #003C97, #17202B)
- Softworn Grape Ridge color palette (#F2F5FF, #D1D0E3, #AAA1BE, #681ED0, #2C3149)
- Aged Bloom color palette (#EAFAEF, #9C9F6C, #4F6E24, #005270, #143E2F)
Browse the whole catalog at Explore, or see today's palette.