Weathered Petrol color palette — #F0F7F4 · #9ACDBC · #956BA0 · #1274A9 · #39282C

Slate and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Pistachio (#9ACDBC): A luminous, dusty teal — the color of glacier melt.
• Slate (#956BA0): A full-bodied, balanced pink — the color of peonies in June.
• Slate (#1274A9): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#39282C): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Weathered 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 Cobalt color palette (#F1F7F2, #8DCCD6, #627ABB, #007B89, #362934)
• Antique Petrol color palette (#F8F3F8, #D4B4D3, #A16696, #416DAE, #3C272A)
• Dusty Driftwood color palette (#EDF4EF, #92CFDA, #B6677C, #098090, #1E1210)
• Hushed Ash color palette (#EFF6FA, #9DDDED, #C582B0, #3B9AB0, #302B39)
• Chestnut Archive color palette (#FDF4E6, #93A6D7, #836B9A, #745211, #573F4E)
• Cerulean Meadow color palette (#F9F3F8, #E1D7D8, #B1ACA3, #6A82AC, #584F57)
• Softworn Aubergine color palette (#FFEFFF, #B3BDEB, #877CB7, #6F4487, #662F62)
• Muted Terracotta color palette (#FAF2FB, #5E87AF, #97504C, #605300, #2C3829)

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