Weathered Petrol color palette — #E7F6EB · #71C2CE · #C98792 · #00808F · #4A251D

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

The five colors

• Cream (#E7F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#71C2CE): A luminous, balanced blue — the color of open sky before noon.
• Dusty Rose (#C98792): A luminous, balanced red — the color of embers at dusk.
• Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#4A251D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, 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

• Washed Pine Orchard color palette (#EFF4E5, #8CC29D, #B78CB0, #46805B, #48252A)
• Tempered Cobalt color palette (#F9EEF9, #8DB7E7, #BE9268, #4374AB, #35302B)
• Muted Dune color palette (#EDF9EF, #7EBCC2, #A48ACB, #00828B, #663F50)
• Muted Canyon color palette (#E8F8FF, #94D0DA, #E498A9, #0C9EB0, #5A4460)
• Driftwood Courtyard color palette (#E2F9E7, #58AAB7, #BE7775, #A56556, #1B2C20)
• Amber Courtyard color palette (#D6FDE6, #00A9CC, #C56500, #00667C, #361700)
• Dusty Hollow color palette (#E8F5F1, #DCBCA3, #426485, #103931, #081714)
• Wandering Cerulean color palette (#DAFCE5, #A1DCEB, #468FA4, #0E5869, #00222A)

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