Dusty Petrol color palette — #EFF7F4 · #97C8E4 · #A5687E · #2A759A · #392927

A conversation between Slate and Mocha, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Sky (#97C8E4): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#A5687E): A full-bodied, balanced rose — the color of strawberry cream.
• Slate (#2A759A): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#392927): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Weathered Cypress color palette (#F1F7F0, #8ECFC7, #8B6FA5, #007E76, #3A282E)
• Muted Petrol color palette (#FAF3F7, #B9BAF1, #AA6A58, #6765A0, #332C29)
• Softworn Cobalt Thicket color palette (#EDF2F9, #ABC6E6, #A06F9B, #4072B5, #181322)
• Cobalt Loft color palette (#F8F3F8, #B5D3FC, #BA89B1, #5D8ECF, #3B282A)
• Washed Alley color palette (#F2F8E4, #7DAED1, #856C90, #366546, #554051)
• Washed Garnet color palette (#DAFFF0, #A1B7E3, #927CAE, #794470, #772E36)
• Washed Station color palette (#FFF0FE, #68A2F7, #AF294B, #0050B0, #350D15)
• Driftwood Corridor color palette (#FFF1F2, #A16A9E, #915059, #714121, #24392D)

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