Petrol Workshop color palette — #F4F3E4 · #91A56C · #5472A3 · #673B57 · #401B13
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F3E4): a clean, paper-quiet neutral.
- Moss (#91A56C): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#5472A3): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#673B57): A full-bodied, dusty pink — the color of a candy shop window.
- Espresso (#401B13): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, 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
- Basalt Parlor color palette (#FAF0E5, #BD9367, #2F807C, #5C3D6C, #3C1D17)
- Patina Aubergine color palette (#EFF8EF, #62A5A7, #4475A1, #5B4486, #5B3448)
- Wandering Delta color palette (#EDF5E3, #529F7F, #5F5D96, #682D0F, #221F00)
- Muted Corridor color palette (#FAF2D9, #C0C7AA, #879A8B, #7A5E58, #543C35)
- Ancient Pewter Pier color palette (#EFF8F1, #C5AE7F, #469AA6, #875482, #573C1A)
- Gentle Emerald color palette (#F0F6D7, #399A41, #3E51AB, #6D002C, #340011)
- Garnet Quarry color palette (#E8F1E3, #009079, #6A407F, #600D27, #201000)
- Timeworn Teal color palette (#EAF9F7, #ADD9B1, #52A9AF, #506D91, #164131)
Browse the whole catalog at Explore, or see today's palette.