Worn Petrol color palette — #EAF4F3 · #D3DAEE · #80A0BD · #3B7485 · #293846

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Silver (#D3DAEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#80A0BD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3B7485): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#293846): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Parlor color palette (#E0F4F2, #56A7CC, #005F8A, #003843, #000C1A)
• Antique Basin color palette (#DBEEEB, #62C4D2, #00788E, #004B4B, #001922)
• Petrol Study color palette (#F9F4EE, #C9E7E8, #72A599, #3F7982, #604A5D)
• Hushed Lilac color palette (#EEF1FE, #B4A7F1, #47AEAF, #72689F, #0C3741)
• Driftwood Quarry color palette (#F1F0FF, #DFD2DE, #C9A69A, #8588A7, #393744)
• Wandering Lilac Archive color palette (#F0F0FF, #B089D1, #BA787E, #547D9D, #262535)
• Softworn Cerulean Courtyard color palette (#E6F6F2, #74E5E6, #0094A0, #006359, #002B32)
• Driftwood Orchard color palette (#EAF5ED, #9FC6AE, #688D72, #485F49, #223029)

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