Worn Petrol color palette — #EEE8DF · #84C0BD · #007984 · #004D37 · #001921

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Mint Leaf (#84C0BD): A luminous, dusty teal — the color of sea glass.
• Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001921): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Washed Pier color palette (#EEE8DF, #84BCDA, #366FA2, #004A52, #01103E)
• Worn Balcony color palette (#F8F1E5, #B1D1B6, #30889E, #005D4E, #002434)
• Aged Forest color palette (#F4EBF5, #8ABAC7, #00748E, #005413, #012F55)
• Denim Drift color palette (#F7EDDC, #6AA7B5, #00617F, #003A36, #000C18)
• Lagoon Boulevard color palette (#EFE4D3, #328591, #004254, #00201C, #000103)
• Timeworn Fern Meadow color palette (#FFF2EE, #B3F4EF, #27A1BF, #2B6C28, #00203A)
• Ancient Wisteria color palette (#FEDDFC, #C6C8FF, #C38BCD, #096B99, #2A0C21)
• Feathered Sapphire color palette (#E5EDFA, #2762D6, #AC1B2C, #105D09, #000727)

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