Weathered Petrol color palette — #FBF2F7 · #C0B9E7 · #9C6A90 · #6E62A1 · #382A2B

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Lavender (#C0B9E7): A luminous, dusty violet — the color of wild irises.
• Heather (#9C6A90): A full-bodied, balanced pink — the color of peonies in June.
• Slate (#6E62A1): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#382A2B): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Petrol Veranda color palette (#EFF7F4, #94C7EE, #7678A6, #35739E, #362931)
• Dusty Pewter Archive color palette (#FCF3F3, #DEB0CC, #AE665D, #92567D, #332C29)
• Cobalt Chapel color palette (#F5F0F4, #DBB6D4, #B16E67, #4E6CC0, #20120C)
• Softworn Dune color palette (#FAF2FF, #D2ADD9, #996E92, #794464, #692C4A)
• Chestnut Grove color palette (#FFF2EB, #C395C4, #95677E, #7E4C14, #5A3F42)
• Weathered Iris color palette (#F2F5FB, #C0D0FA, #C98499, #6E88D5, #342938)
• Dusty Driftwood color palette (#FBF2F5, #E0D7D5, #AFADA3, #9D7484, #585053)
• Garnet Grove color palette (#F9E8E7, #AC5384, #7A0500, #5C003E, #0D0000)

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