Timeworn Petrol color palette — #EAF5F2 · #718F63 · #58619B · #6C3558 · #132214

Built around Slate, softened by Mulberry — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAF5F2): bright and airy, almost weightless.
• Fern (#718F63): A luminous, dusty green — the color of new leaves after rain.
• Slate (#58619B): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#6C3558): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#132214): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Softworn Aubergine Lantern color palette (#E9F5EF, #978C5A, #3F729B, #5A366A, #281823)
• Worn Grove color palette (#E7F5F5, #6FAB8C, #4F72A7, #792C4F, #312600)
• Worn Cocoa color palette (#E5F5F8, #58978D, #7C5984, #823622, #0D2019)
• Weathered Basalt color palette (#E7F7EA, #80B7B5, #3C8685, #68426B, #0C3235)
• Wandering Mulberry color palette (#DCF3FF, #007190, #840047, #3E2900, #000903)
• Aubergine Field color palette (#E4F6F8, #007666, #712D84, #650301, #000E08)
• Patina Coast color palette (#F5F6EA, #8CB06C, #767FBE, #8F5876, #3C3731)
• Softworn Studio color palette (#DEF2F4, #2F967F, #2A3F46, #082326, #070E0E)

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