Worn Petrol color palette — #D5F5EC · #00A9BB · #1872AA · #6F3A4F · #602C27

Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D5F5EC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00A9BB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#1872AA): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6F3A4F): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#602C27): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Balance. 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

• Weathered Meadow color palette (#E0ECDB, #5DB09F, #19729D, #782A13, #342100)
• Tempered Teal color palette (#D8EAD8, #2BAB8D, #177B88, #643F6B, #611C3C)
• Muted Azure color palette (#DCEDF2, #5797CF, #5A5D90, #6B3A2D, #3B3731)
• Aqua Garden color palette (#DBF6E4, #31C8CE, #628BBA, #895541, #6F2908)
• Dusty Chestnut color palette (#C8EDDD, #8FA8D7, #78719C, #7A4514, #583A00)
• Softworn Boulevard color palette (#BEEDFF, #0093B6, #B64A00, #00576E, #4F1C00)
• Violet Grove color palette (#C8E8EF, #75CCF3, #67A1DC, #9967B4, #582E53)
• Wandering Cerulean Market color palette (#CDE5E2, #00A2AE, #006F84, #004D64, #00314F)

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