Petrol Canyon color palette — #F7EFF5 · #EBD1CD · #DEB3B2 · #5066AD · #2E1F2B

Built around Slate, softened by Rosewood Mist — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Bone (#EBD1CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#DEB3B2): A luminous, dusty red — the color of embers at dusk.
• Slate (#5066AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#2E1F2B): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Hushed Boulevard color palette (#FEF1F9, #E9D4D2, #D3B2B9, #5C60AE, #4B3A45)
• Petrol Dune color palette (#EBF5EF, #E7D6DA, #D4B5C2, #007695, #162A20)
• Aged Nightshade Summit color palette (#EFE6EB, #D9C6C9, #B99C98, #4D459F, #1D1219)
• Iris Courtyard color palette (#F1F5FF, #DDD8E1, #BBAFA8, #8086E8, #2F3543)
• Driftwood Courtyard color palette (#F8F0EF, #DCD6D0, #ADB4A6, #A17389, #3C3433)
• Mulberry Study color palette (#FAEFEF, #E8CDC5, #CDA186, #971981, #291214)
• Byzantium Villa color palette (#FFE4EE, #8737D1, #491030, #1E0711, #060206)
• Mallow Atelier color palette (#C8E2FE, #C2A2DC, #A0666F, #315D48, #25300D)

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