Weathered Petrol color palette — #E8FAF0 · #D3B0D8 · #C27C7B · #007D8C · #4D425A

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

The five colors

• Ivory (#E8FAF0): A whisper-light, dusty teal — the color of glacier melt.
• Lavender (#D3B0D8): A luminous, dusty pink — the color of a candy shop window.
• Dusty Rose (#C27C7B): A luminous, balanced orange — the color of autumn markets.
• Teal (#007D8C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4D425A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Market color palette (#EDF9EF, #D1B1D4, #B18A5A, #4C6FA8, #573F50)
• Ancient Pine color palette (#E5FBF4, #AEBCEA, #AA84A6, #377F5A, #42465D)
• Petal Parlor color palette (#FBF5E1, #FFC8F9, #CE9087, #577D61, #4E3938)
• Driftwood Veranda color palette (#F5F4FF, #DDCCE3, #BAA4AE, #6B8794, #485365)
• Patina Bronze color palette (#FFF3E7, #D2949D, #A66255, #615B20, #56433C)
• Softworn Parlor color palette (#F6EFF7, #CD8391, #67505E, #3E3441, #232028)
• Pale Rust color palette (#E0FEEB, #EE7BB9, #C7570F, #00638A, #55222C)
• Worn Taupe color palette (#EEF8F1, #B5DBCF, #81A687, #787B97, #39534C)

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