Weathered Petrol color palette — #F4F6EF · #C9E3E6 · #AA8EAD · #3C7791 · #5E4B5D

Built around Slate, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C9E3E6): A whisper-light, dusty blue — the color of open sky before noon.
• Dusty Rose (#AA8EAD): A luminous, dusty pink — the color of neon signs at night.
• Slate (#3C7791): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5E4B5D): A full-bodied, dusty pink — the color of peonies in June.

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

• Worn Petrol color palette (#F3F7ED, #E9D4EB, #708BB5, #356886, #5A3C55)
• Aged Petrol Station color palette (#F4F6EF, #C9E3E3, #74A595, #437786, #32524A)
• Muted Cerulean Summit color palette (#FAF3F5, #DBDDEC, #9FB1D9, #2197A5, #49516D)
• Coral Basin color palette (#FFF2EE, #CD7D89, #A48351, #8268A1, #523C37)
• Petrol Terrace color palette (#EEF0E2, #82BCCB, #007391, #004F54, #003347)
• Pewter Garden color palette (#FFF2EF, #DD9AAB, #8498C7, #9F5A6D, #60415B)
• Tempered Cocoa color palette (#FFF2ED, #E0D9CE, #D4C49C, #AC837A, #7A3C20)
• Weathered Lagoon Cabin color palette (#E2E3D2, #4E9EA2, #00545D, #00302C, #00171E)

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