Petrol Canyon color palette — #F1F5FC · #DCD6E2 · #B3B1C1 · #4C6392 · #353B44

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

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DCD6E2): a clean, paper-quiet neutral.
• Ash (#B3B1C1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4C6392): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#353B44): quiet, heavy and certain.

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 Basin color palette (#F2F5FB, #DBD7E2, #C3BACD, #677BC6, #343B48)
• Antique Petrol Delta color palette (#F6F0F4, #DDD3D4, #C4B1BA, #50609D, #281C25)
• Worn Plum color palette (#F8F2FF, #E9D3DB, #D0B2C5, #994980, #433C4D)
• Muted Cabin color palette (#F4F4FF, #D5CFE1, #B39EB8, #7830A5, #313044)
• Antique Fern color palette (#CDEAFF, #9FA0CB, #7B748D, #47603B, #0F524C)
• Navy Summit color palette (#E6E9F0, #B6B7CA, #918A9F, #343989, #171F30)
• Forest Harbor color palette (#E9FAEE, #93A36C, #3E7045, #43486B, #193D33)
• Weathered Workshop color palette (#E6E3ED, #A195A6, #7E697A, #4B0048, #0B0616)

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