Worn Petrol color palette — #D5EDE2 · #4BACBB · #546EA9 · #583800 · #232100

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

The five colors

• Honeydew (#D5EDE2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#4BACBB): A luminous, balanced blue — the color of deep harbor water.
• Slate (#546EA9): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#583800): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#232100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Washed Cocoa color palette (#E6EDDF, #5BAA94, #157496, #762E1B, #302100)
• Hazy Periwinkle Corridor color palette (#D1EDF6, #6B99DD, #7F589C, #4E4700, #292500)
• Faded Terracotta Delta color palette (#CFE6DA, #71C0BA, #5C90B8, #A43F00, #423A00)
• Sunlit Drift color palette (#E2F2FF, #839CC5, #6465A6, #6F315A, #602011)
• Wandering Alley color palette (#D5EDFF, #9DA8D3, #766F8D, #275149, #0F3419)
• Tempered Terrace color palette (#FDECF7, #7DCCC6, #008092, #00552C, #001D2C)
• Timeworn Mulberry color palette (#D4E5F8, #7F79AA, #6E3861, #093416, #001404)
• Weathered Ridge color palette (#D9F9FD, #B5C9D6, #8E9AAE, #5F7460, #28463E)

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