Weathered Petrol color palette — #FFF2EA · #F0D8BE · #A6A279 · #68659D · #562E4D
Slate takes the lead with Mulberry close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Bone (#F0D8BE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Taupe (#A6A279): A luminous, dusty green — the color of fresh herbs.
- Slate (#68659D): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#562E4D): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, 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
- Petrol Grove color palette (#FFF2F0, #E9C2B5, #AE977A, #357297, #3A375E)
- Weathered Pewter color palette (#FFF4E0, #DCD7AA, #93A686, #935A77, #5B2B24)
- Taupe Quarry color palette (#C9E9C5, #A8B06E, #598586, #535072, #4A344F)
- Aged Aubergine color palette (#F1E4DA, #A8A161, #548562, #573063, #3A0011)
- Dusty Basalt color palette (#FBE4C7, #81936A, #2F6B56, #502148, #130000)
- Weathered Ridge color palette (#C4ECE1, #A2CFC9, #7FB8BA, #538BA4, #2F4A64)
- Tempered Olive Pier color palette (#ECE6D1, #96A87A, #727830, #3A4F40, #143024)
- Worn Cocoa color palette (#FCF5DD, #CEE5D1, #B3CBB7, #9E7F79, #794016)
Browse the whole catalog at Explore, or see today's palette.