Worn Petrol color palette — #E9F6EC · #007B87 · #644A00 · #273B00 · #050E00

A conversation between Teal and Bronze, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Teal (#007B87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#644A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#273B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#050E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Terracotta Meadow color palette (#EEF5E4, #0C805B, #8E3300, #3D2C00, #0C0B00)
• Fern Lagoon color palette (#E9F5F0, #4C8EB2, #626814, #004927, #061A0B)
• Cobalt Station color palette (#F9EEF8, #386CB9, #2C5A00, #003A2F, #000D06)
• Charred Dune color palette (#CDE5DC, #00557A, #303700, #002213, #000102)
• Sunlit Ultramarine color palette (#F0F5FF, #545DB3, #7D2800, #003F16, #161F35)
• Linen Indigo color palette (#FFECF5, #755FC1, #00654F, #004651, #000B29)
• Faded Wisteria Garden color palette (#FFF1F3, #B26BB7, #A74750, #384B00, #00130F)
• Patina Chestnut Dune color palette (#FDE8E3, #B25E6D, #814200, #3A3500, #001A07)

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