Weathered Petrol color palette — #E5EFE9 · #B29EA5 · #A58181 · #006F84 · #000D05

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

The five colors

• Cream (#E5EFE9): bright and airy, almost weightless.
• Taupe (#B29EA5): A luminous, dusty rose — the color of a warm blush.
• Heather (#A58181): A luminous, dusty red — the color of late-summer berries.
• Teal (#006F84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000D05): 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 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 Cypress color palette (#E4EADE, #91A5A2, #6D8F93, #00755C, #060B03)
• Weathered Drift color palette (#ECE4EB, #AC9C9A, #9C8275, #415DAE, #0F050E)
• Abyss Workshop color palette (#E5EFF6, #9AA6B2, #7B879A, #004D63, #000B14)
• Softworn Onyx Veranda color palette (#E9F1F5, #848E9B, #646986, #002F3B, #000103)
• Ancient Cobalt color palette (#EFE5EE, #CFBAB8, #BD9F92, #537DD2, #291928)
• Softworn Emerald color palette (#E9E3D1, #639862, #007262, #004E73, #000900)
• Pewter Drift color palette (#CFE3E4, #6C86B0, #7A5A86, #4E4C21, #171600)
• Powdered Ultramarine Market color palette (#FAEEDA, #008B8F, #4149B7, #483800, #000407)

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