Worn Petrol color palette — #E8F6EE · #E8D7DC · #D0B6C6 · #007696 · #142A20

Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F6EE): bright and airy, almost weightless.
• Silver (#E8D7DC): bright and airy, almost weightless.
• Rosewood Mist (#D0B6C6): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#142A20): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Cypress Hollow color palette (#EEF4EB, #C7DCD8, #AEC6BC, #007D6A, #1E2917)
• Muted Workshop color palette (#EFF7F4, #CFDCDE, #CBB3CC, #00749C, #30453C)
• Denim Archive color palette (#E3EBE8, #D4C6D2, #B19DA6, #005C82, #091A14)
• Weathered Market color palette (#F9EEF6, #E6D1CF, #D2B8BA, #5262B8, #311E2C)
• Muted Azure Quarry color palette (#EFF6FB, #D8DAE5, #B5AEB9, #269ECF, #253744)
• Dusty Studio color palette (#F8EFF2, #DDD5D2, #B3AFA3, #9B7785, #3C3337)
• Timeworn Jade color palette (#F5F3DF, #6EBB89, #007D6D, #08546C, #002912)
• Shadow Sapphire Study color palette (#F2E5F2, #0069CB, #2A2348, #1B071C, #000502)

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