Weathered Petrol color palette — #F7EFF4 · #B9C0EB · #A17B3C · #656CA8 · #1C1409

Slate takes the lead with Mocha close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Lavender (#B9C0EB): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#A17B3C): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#656CA8): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1C1409): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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

• Softworn Pewter Studio color palette (#F8EFF0, #DDB5D3, #8A8550, #955A89, #1B1507)
• Muted Petrol color palette (#ECF4F1, #96CBEE, #AA7174, #3979A0, #1F120F)
• Pewter Grove color palette (#FAF3F5, #DCB3C1, #B26365, #8059A0, #3B2923)
• Timeworn Iris Thicket color palette (#F3F5FB, #C5CFF6, #C98976, #8B7FCE, #362932)
• Patina Driftwood color palette (#F2F4E0, #ABA4D2, #9C6771, #145D64, #3B252A)
• Dusty Cocoa Lantern color palette (#FFEBF7, #CFACDA, #AD708B, #793C35, #432500)
• Aged Grape color palette (#FFECF2, #C18AF4, #915F00, #7634A7, #100700)
• Muted Lilac color palette (#FBEEF4, #9F91D2, #856F32, #125564, #05301C)

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