Worn Petrol color palette — #F6EDE5 · #8DBDAC · #4368A2 · #004F53 · #282852

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

The five colors

• Cream (#F6EDE5): bright and airy, almost weightless.
• Mint Leaf (#8DBDAC): A luminous, dusty teal — the color of sea glass.
• Slate (#4368A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#282852): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Petrol Hollow color palette (#F8ECE5, #79C0BF, #00748A, #005332, #00324B)
• Linen Cobalt Garden color palette (#FFF3E9, #7FC1E3, #156EC4, #005656, #232671)
• Antique Canyon color palette (#E0ECEB, #95B8D4, #2470A8, #00485B, #001631)
• Cobalt Archive color palette (#EDF0E6, #A2D0BF, #398DCC, #006882, #002E5B)
• Onyx Cabin color palette (#F7E9E1, #469CB5, #004E78, #00302B, #000C3E)
• Periwinkle Quarry color palette (#F5EBEF, #A3DBFF, #6BA5FC, #009096, #282851)
• Wandering Cypress Corridor color palette (#FCF3EF, #C4E6CE, #6091AC, #0E725E, #553E57)
• Weathered Mulberry color palette (#FFE7E3, #ECB6AA, #B39B62, #81487E, #4A251A)

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