Worn Petrol color palette — #F0EEDE · #61926E · #007081 · #432500 · #000300

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

The five colors

• Cream (#F0EEDE): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#61926E): A luminous, dusty teal — the color of sea glass.
• Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#432500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Atelier color palette (#F6E2CD, #809C50, #00776E, #5C0C00, #030200)
• Antique Denim color palette (#ECF2DC, #489DA1, #465CA8, #312F00, #000303)
• Cypress Loft color palette (#EEEAD0, #81A884, #008371, #3D3600, #061100)
• Pale Atelier color palette (#C0EBDF, #89C884, #009D89, #524900, #010200)
• Tempered Cerulean color palette (#EEEED1, #79AF93, #0493B5, #6B4400, #041200)
• Eclipse Aubergine Loft color palette (#DEE1D1, #0B6B14, #390065, #012603, #040001)
• Tempered Cobalt color palette (#CFECD5, #42C5CD, #6588D1, #494A00, #00140E)
• Patina Chestnut Studio color palette (#F2F5D6, #ACF0E5, #90AFDB, #776318, #192511)

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