Petrol Workshop color palette — #F5F1EA · #C3E7EA · #AE91B0 · #327684 · #422F3E
A conversation between Teal and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Silver (#C3E7EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#AE91B0): A luminous, dusty pink — the color of peonies in June.
- Teal (#327684): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#422F3E): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Field color palette (#F5F1EA, #C8E2E0, #7CA797, #347778, #402F42)
- Antique Thicket color palette (#FAF3F6, #D9DEEE, #8898C2, #0B7F7C, #4C506C)
- Tempered Petrol Courtyard color palette (#E4F7F1, #84BAE4, #C09265, #3B77A4, #35302B)
- Worn Periwinkle color palette (#E0F8F2, #6FA0D3, #B47B83, #698251, #112D27)
- Petrol Alley color palette (#F0E8DB, #85BECA, #007698, #004C47, #001829)
- Driftwood Harbor color palette (#E4F7F2, #EBD4CC, #E1B8B3, #6A907F, #40323E)
- Wandering Denim color palette (#F6EDDE, #66A5C8, #075A99, #003840, #000330)
- Timeworn Grove color palette (#FFEAFF, #B3D2FA, #6583AF, #2D5079, #2D162E)
Browse the whole catalog at Explore, or see today's palette.