Dusty Petrol Canyon color palette — #ECF3F6 · #D6D8E3 · #C0BACB · #39818C · #232E33

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D6D8E3): a clean, paper-quiet neutral.
• Ash (#C0BACB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#39818C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#232E33): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Petrol Balcony color palette (#EEF7FB, #D7DAE6, #BEBECD, #527A8E, #41494D)
• Ancient Denim Pier color palette (#EFF2F8, #DBD3DB, #BFB2C3, #615C95, #1D202A)
• Weathered Driftwood color palette (#D1F7F7, #9AB7C4, #7D8AAD, #3F6A62, #1B413A)
• Aged Lagoon color palette (#E9F6ED, #A0BD93, #24876C, #38596F, #102D28)
• Abyss Grove color palette (#E5F2F9, #92A1B5, #747998, #003D4C, #00050A)
• Wandering Cobalt color palette (#D6E6F3, #007CBB, #282F4C, #0A1722, #030709)
• Aubergine Drift color palette (#DCDEE8, #B6B0C2, #9D839F, #4D2B84, #080916)
• Mulberry Delta color palette (#E7F5F6, #2EA47C, #874692, #3D4600, #00251D)

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