Worn Petrol color palette — #EEF0E4 · #7EBDC9 · #00748D · #004F51 · #003345

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#EEF0E4): bright and airy, almost weightless.
• Ash (#7EBDC9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Denim Cabin color palette (#EBEEE1, #70A6C5, #005D8E, #003C4A, #00203E)
• Tempered Periwinkle Cabin color palette (#E1FBEF, #A4D0F4, #6596F2, #00667B, #103C53)
• Ancient Cobalt Bloom color palette (#F4F6ED, #A9CFBB, #0083AF, #005E69, #134437)
• Cerulean Lagoon color palette (#F5EBF2, #7DD4E4, #1092C4, #006E5A, #152F4D)
• Worn Turquoise color palette (#F5F6EF, #C8E4E2, #5CA4C1, #3E797F, #365147)
• Aged Lagoon color palette (#DFE0D1, #489F9F, #00545A, #00302A, #00181C)
• Softworn Grape Workshop color palette (#DEEEE6, #00759B, #6E2CCB, #005C3F, #002331)
• Sky Harbor color palette (#F7ECE6, #A0E0EA, #4DAFE8, #239467, #192A5A)

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