Worn Petrol color palette — #F0F7F3 · #A5CAB6 · #9E6799 · #007996 · #38292B

Teal and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Pistachio (#A5CAB6): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#9E6799): A full-bodied, balanced pink — the color of neon signs at night.
• Teal (#007996): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#38292B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Hushed Petrol Corridor color palette (#EFF7F5, #96CDC0, #A76D56, #3070AD, #332C28)
• Violet Balcony color palette (#EDF3F8, #95CAF4, #966DBF, #2F78AB, #15151E)
• Wandering Cerulean Orchard color palette (#EFF7F4, #A6D8FF, #B388C8, #4A93C9, #38292D)
• Patina Forest color palette (#F3F8E5, #78B2C2, #796EA1, #2D683E, #314F47)
• Hushed Cerulean color palette (#F8F3F8, #E1D8D7, #ADACA1, #6583B1, #575057)
• Ancient Chapel color palette (#DCFFEB, #9EBDE0, #807FB8, #7C3E7D, #732C43)
• Timeworn Chestnut color palette (#FEF1F5, #987FB3, #705685, #644F00, #203832)
• Weathered Nightshade color palette (#EEE1EA, #5E6CCA, #5B3400, #220093, #070200)

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