Worn Petrol color palette — #F8EFF2 · #DAD0E2 · #8A9DBE · #2C7684 · #30344C

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#DAD0E2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#8A9DBE): A luminous, dusty violet — the color of a velvet chair.
• Teal (#2C7684): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#30344C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Dusty Petrol color palette (#EFF7F7, #D9DBEB, #7F9BC1, #357699, #43536C)
• Forest Cabin color palette (#F7EFF5, #BEE4EE, #5798A9, #2F6C4C, #102F45)
• Worn Workshop color palette (#F5E5EA, #75A2C4, #34549B, #00383E, #0B002C)
• Muted Orchard color palette (#F4E4ED, #90BAD1, #0071AE, #004C45, #051237)
• Patina Lagoon color palette (#EEE4EB, #368689, #004353, #002113, #000103)
• Weathered Basin color palette (#E6F8E6, #B89665, #6591BF, #6277A6, #1D2B1E)
• Bronze Villa color palette (#EBF5EA, #D3AB7E, #7C9ECE, #936832, #1E324A)
• Wandering Driftwood color palette (#E8F7E8, #C1E2E1, #A2C6D4, #9A7990, #2B3E31)

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