Petrol Workshop color palette — #FCF4EB · #B27C2E · #1D66A6 · #762942 · #562634
Peacock and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF4EB): a clean, paper-quiet neutral.
- Caramel (#B27C2E): A luminous, balanced gold — the color of afternoon light on wheat.
- Peacock (#1D66A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Oxblood (#762942): A full-bodied, balanced red — the color of embers at dusk.
- Espresso (#562634): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Weathered Ember color palette (#FEF3ED, #C86A4F, #00707D, #68305D, #50242F)
- Faded Chapel color palette (#FAF5E8, #968B1F, #4B5AAF, #73321F, #492D09)
- Misty Garnet Courtyard color palette (#FCE4C7, #956200, #00536F, #650108, #3E1700)
- Moss Drift color palette (#F8F6E2, #91B34D, #0091A0, #5D548D, #512D23)
- Airy Lagoon color palette (#E2F8F1, #7B9B39, #00727E, #42356F, #361015)
- Tempered Loft color palette (#ECF9F0, #D7BC63, #43B0C6, #A26496, #56282B)
- Washed Cobalt color palette (#FBF3EE, #C4E5D6, #5A8BD0, #007265, #5C3C4F)
- Wandering Cocoa color palette (#FFEFD9, #BEBD92, #548F8D, #815B56, #74400B)
Browse the whole catalog at Explore, or see today's palette.