Petrol Workshop color palette — #FFF3E7 · #DEA571 · #A7A15C · #008099 · #33200C

Cerulean takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#DEA571): A luminous, balanced gold — the color of honey in a jar.
• Moss (#A7A15C): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#008099): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#33200C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Chalky Cobalt Alley color palette (#FFF2EB, #E79E81, #67B182, #4372B8, #361E0E)
• Softworn Pine color palette (#FFF2EE, #E59BA1, #C89067, #008764, #391B13)
• Denim Canyon color palette (#FDF3E9, #D5A371, #8F812F, #005EA2, #2A1607)
• Ancient Meadow color palette (#FFF3E4, #D89800, #00A996, #8B39B3, #271800)
• Muted Denim color palette (#FFF3E6, #FBB6C2, #AC8D4E, #5858A8, #37302C)
• Airy Mint color palette (#FCF1FC, #FF979C, #4CC792, #409CBF, #3E2C3E)
• Patina Amber Alley color palette (#FFF2F0, #F0D6C0, #CE9054, #6A6600, #0A3F03)
• Peony Boulevard color palette (#FBF3F2, #F8D3CC, #66B084, #D35A87, #101504)

Browse the whole catalog at Explore, or see today's palette.