Petrol Canyon color palette — #FFF2EF · #D89FAA · #A48756 · #1E6FA4 · #60323D

Slate takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rosewood Mist (#D89FAA): A luminous, dusty red — the color of embers at dusk.
• Caramel (#A48756): A luminous, dusty gold — the color of honey in a jar.
• Slate (#1E6FA4): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#60323D): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Petrol Canyon 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

• Dusty Cypress color palette (#FEF1F5, #BFA6CE, #B57C6A, #00787E, #4F375C)
• Petrol Canyon color palette (#F6F6E9, #A3BA8B, #7E9566, #0D719F, #613700)
• Wandering Corridor color palette (#FCF3EF, #D9A294, #669B6F, #7D5790, #5F362B)
• Olive Loft color palette (#FBF2F7, #C4876C, #587D3D, #135C71, #403F5A)
• Worn Meadow color palette (#FAF2FD, #FFB3C4, #6DA98B, #5C6990, #2C384F)
• Aged Sand Corridor color palette (#FFF2EA, #FCB493, #99B476, #50929E, #553847)
• Hushed Mulberry Drift color palette (#FFEDE8, #CC7A83, #008380, #862356, #510530)
• Timeworn Balcony color palette (#FFEFE7, #E4B996, #BD9857, #7A7F33, #4E4E47)

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