Worn Petrol color palette — #ECDEC8 · #82A480 · #0C7B85 · #6D3D4A · #401824

A conversation between Teal and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Parchment (#ECDEC8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#82A480): A luminous, dusty green — the color of new leaves after rain.
• Teal (#0C7B85): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6D3D4A): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#401824): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn Petrol 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

• Worn Cypress Studio color palette (#FEE7F6, #A09A5E, #337F5E, #753541, #40171F)
• Lagoon Quarry color palette (#F6E8C6, #5D9C71, #046A87, #663024, #3D0700)
• Soft Cabin color palette (#E3E4C5, #77BD9B, #0090B7, #8F421E, #5F3624)
• Aged Lagoon Ridge color palette (#D1EDD9, #70B79D, #329A90, #4E6A8A, #1B2345)
• Frosted Pine color palette (#D9ECDA, #909A43, #007530, #5D3E00, #1A1D00)
• Patina Denim Study color palette (#DFEAD3, #009084, #00538B, #4A2B00, #1D0E00)
• Muted Cobalt color palette (#D0E5E3, #7CAEBF, #657AA7, #6A5A2C, #203E2A)
• Powdered Hollow color palette (#CAE6DA, #008967, #C5002B, #803D00, #00170E)

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