Dusty Petrol color palette — #FFF1EC · #DBC5B2 · #A29C80 · #6C759F · #634649

A conversation between Slate and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1EC): bright and airy, almost weightless.
• Oat (#DBC5B2): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A29C80): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#6C759F): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#634649): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty 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

• Muted Chapel color palette (#FFF1F2, #DFBAAC, #B29977, #628577, #4F4F74)
• Hushed Pier color palette (#FFF0F9, #D5F8DC, #A1BF9B, #7C839E, #484D60)
• Pewter Pier color palette (#F0E0C2, #BCBC90, #869A7C, #90557A, #623628)
• Ancient Lagoon color palette (#EAE6D8, #7D9F78, #267A77, #82223F, #451E00)
• Tempered Lagoon Workshop color palette (#FAF4F0, #BFE8E9, #78A8DF, #008C8C, #5A3C53)
• Navy Pier color palette (#FCDFD3, #97855B, #496A39, #462F67, #2F0B2B)
• Worn Orchid Lantern color palette (#F7F7DC, #8AB369, #8792DA, #AA66BF, #383831)
• Olive Cabin color palette (#FBF5E1, #BCBD73, #B890E2, #878500, #4B395E)

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