Weathered Petrol color palette — #FAF3F7 · #E2D8D6 · #CDBBB3 · #6A6FA3 · #4E444A

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#E2D8D6): bright and airy, almost weightless.
• Stone (#CDBBB3): A luminous, dusty orange — the color of autumn markets.
• Slate (#6A6FA3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#4E444A): a grounded near-black with real depth.

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

• Worn Mulberry Meadow color palette (#FCF2F3, #E4D7CC, #D2B5A7, #934D87, #50383B)
• Patina Cobalt color palette (#F0F2F8, #DAD5DE, #C4B8C9, #716BAD, #292C33)
• Ancient Driftwood Coast color palette (#FBF2F5, #E1D8D4, #AAAEA5, #A07380, #5A4F52)
• Timeworn Grove color palette (#F6DDE4, #855DA2, #462929, #291A1F, #13090A)
• Antique Olive Villa color palette (#FAF5E6, #B1B290, #677D3B, #734D5A, #464500)
• Weathered Aubergine color palette (#EDDFE6, #B8A3A7, #937776, #3A2474, #210B18)
• Mulberry Ridge color palette (#F6ECEC, #D7C8C4, #B19C8E, #803663, #392929)
• Aged Pewter Grove color palette (#F7F8DC, #8196CD, #845785, #245A3B, #503342)

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