Worn Petrol color palette — #F1F7F3 · #EBD8DE · #CDB4C0 · #00778C · #324539

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#EBD8DE): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#CDB4C0): A luminous, dusty rose — the color of a warm blush.
• Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#324539): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Patina Courtyard color palette (#F8F3F8, #E2D8D7, #CFBBB3, #4C74B2, #4E444E)
• Weathered Denim color palette (#EAF0ED, #D4C8D2, #B298A2, #005E78, #20332A)
• Cypress Summit color palette (#F3F6F0, #CDDEDA, #9EC6B9, #007E5C, #314802)
• Weathered Lagoon color palette (#EAF8FF, #D7D9E8, #BAA6A9, #37B6CD, #344249)
• Feathered Cypress Loft color palette (#FCF5E2, #86B17A, #007B64, #00587B, #27431F)
• Muted Cobalt color palette (#E0ECC4, #8EB299, #6E77B9, #4D6836, #005546)
• Petrol Chapel color palette (#D0F2E8, #006DB0, #2D224C, #001E17, #000908)
• Wandering Lapis Quarry color palette (#FCF2F8, #DECED1, #C797A8, #4C3ACB, #44283B)

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