Worn Petrol color palette — #DFEDE4 · #439796 · #396598 · #5F2B04 · #301700

A conversation between Peacock and Cocoa, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DFEDE4): a clean, paper-quiet neutral.
• Storm Blue (#439796): A luminous, balanced teal — the color of sea glass.
• Peacock (#396598): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5F2B04): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#301700): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Denim Lantern color palette (#D6E3D7, #3DABA2, #006197, #4C1F00, #0E0700)
• Antique Workshop color palette (#EDEDCA, #6E9676, #307271, #632E3C, #301300)
• Denim Quarry color palette (#D6F1F4, #6191BB, #66518F, #423D00, #1F1E00)
• Antique Lagoon Veranda color palette (#ECEED3, #2D9877, #005F5F, #1C420F, #00140C)
• Weathered Onyx color palette (#E0F1FF, #627B9D, #444A7F, #510C42, #39001B)
• Linen Loft color palette (#D0E5F2, #006F99, #923E00, #6E3C00, #000910)
• Misty Bloom color palette (#D7F5E5, #0084A6, #965300, #004D62, #1B0A00)
• Misty Cobalt Meadow color palette (#CDEFDD, #77C1C7, #638CCA, #7F4F0F, #4D3400)

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