Weathered Petrol Workshop color palette — #D9F0EF · #79ABBD · #657297 · #3D5543 · #382900

A conversation between Slate and Espresso, giving this palette its sense of sophistication.

The five colors

• Honeydew (#D9F0EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#79ABBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#657297): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3D5543): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#382900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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

• Onyx Loft color palette (#DFE2C4, #81A7AA, #4B7491, #583F54, #421815)
• Ancient Cocoa Lagoon color palette (#DCF4FF, #8DA9C2, #6A7B9A, #7E3D3B, #5C3B18)
• Muted Cypress Coast color palette (#C7F3F5, #A4C0CF, #7C829C, #3E685A, #1F372F)
• Worn Loft color palette (#D3F3E9, #579AC9, #6F589E, #005026, #00270F)
• Pewter Delta color palette (#AAEAFF, #97A0D9, #9F5E7A, #1F6350, #00382A)
• Aged Ash color palette (#CFE8FD, #9B81B4, #795E7C, #004834, #002224)
• Cocoa Thicket color palette (#E2E9C2, #A3C3A8, #7D95BD, #736834, #584100)
• Hushed Denim color palette (#CBF2EA, #498BAC, #564478, #12341B, #180E00)

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