Worn Petrol color palette — #D6E8EB · #7BC6C5 · #5CA9B7 · #5C67AA · #413261

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

The five colors

• Frost (#D6E8EB): a clean, paper-quiet neutral.
• Mint Leaf (#7BC6C5): A luminous, dusty teal — the color of sea glass.
• Cyan (#5CA9B7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5C67AA): A full-bodied, balanced violet — the color of wild irises.
• Navy (#413261): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Tempered Navy Harbor color palette (#E8F3E4, #8EC0BD, #65A18E, #4D7C9A, #133761)
• Driftwood Study color palette (#C3E8F4, #A5CADB, #8BB2CE, #8777B1, #423C60)
• Worn Quarry color palette (#D6F6FF, #74CCF6, #60A3E4, #9C68B6, #581C51)
• Grape Archive color palette (#CEE4EE, #7BA4BD, #4E8DBF, #764898, #3C0E3A)
• Pewter Cabin color palette (#D7E9DD, #92B5A3, #5E8E6C, #7A4A80, #5E2028)
• Chalky Thicket color palette (#E2F3F1, #B6D8F0, #30AFF5, #008DA7, #003053)
• Weathered Courtyard color palette (#F8F2BE, #91C799, #00A1A3, #764651, #451C27)
• Antique Mulberry color palette (#DCEEFF, #6681B7, #615FA5, #742254, #28000E)

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