Weathered Petrol color palette — #FAF3F8 · #E7D8D6 · #CEBCB3 · #647399 · #4E444C

Slate takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Stone (#CEBCB3): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#647399): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4E444C): a grounded near-black with real depth.

Feels like: 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

• Softworn Field color palette (#FCF2F6, #E3D8D3, #AAAFA6, #977884, #595053)
• Pewter Pier color palette (#EFF2F9, #D8D5DD, #BFB8C4, #6D7199, #272C37)
• Dusty Station color palette (#FEF1F7, #EBC8CD, #C19D96, #5B47A4, #3E2D36)
• Aged Terrace color palette (#F2E7E6, #CAB3A8, #A2896E, #6F2548, #2C1918)
• Basalt Veranda color palette (#FBF4EA, #A7B781, #4E8061, #714F52, #4C4300)
• Tempered Terrace color palette (#E9D9E4, #C19FA7, #9A7571, #2C2E6C, #1F0C1A)
• Wandering Fern Grove color palette (#FFEBFE, #BDA3D3, #A38379, #5C6821, #39503C)
• Muted Villa color palette (#FFF1F7, #BCE7FF, #C4AEFF, #B36F6C, #522F33)

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