Weathered Petrol color palette — #E9F4F9 · #85BFC7 · #C88C70 · #00808E · #422737

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

The five colors

• Ivory (#E9F4F9): bright and airy, almost weightless.
• Ash (#85BFC7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#C88C70): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#00808E): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#422737): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hushed Pine Garden color palette (#E3F6F7, #87C2A8, #C486A9, #008660, #382A45)
• Weathered Cobalt color palette (#EAF3FF, #9CB4E0, #BD9454, #4E70B2, #1F3821)
• Tempered Lagoon Station color palette (#E7F4FB, #D6D7E5, #C4A6A9, #4E9A88, #283946)
• Hushed Coral color palette (#EDF9F1, #87D1E4, #EF958B, #419AAE, #534B48)
• Softworn Lilac Studio color palette (#EAF8FF, #66BED6, #B382CA, #008099, #4C4A62)
• Timeworn Bronze Harbor color palette (#E5F5FF, #63A6C3, #BA7976, #A76639, #112A39)
• Antique Chestnut Atelier color palette (#ECF5EB, #A8C3B0, #6E8C6B, #764C3A, #1A3229)
• Tempered Petrol color palette (#EBF3FB, #B3CBB0, #486388, #1D324B, #0D141D)

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