Petrol Canyon color palette — #F9F3F8 · #E5D7D8 · #CFBBB8 · #6173A0 · #4F444D
Slate takes the lead with Stone close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Silver (#E5D7D8): bright and airy, almost weightless.
- Stone (#CFBBB8): A luminous, dusty orange — the color of sun-warmed clay.
- Slate (#6173A0): A full-bodied, dusty violet — the color of wild irises.
- Charcoal (#4F444D): A full-bodied, dusty pink — the color of peonies in June.
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
- Cobalt Chapel color palette (#F5F0F5, #DDD5D4, #C8B8B1, #5474AE, #322931)
- Wandering Field color palette (#FDF2F4, #E3D6D0, #D0B5B0, #8E4B99, #51383D)
- Ancient Driftwood color palette (#FBF2F6, #E0D8D5, #ACADA1, #9B7585, #585053)
- Wandering Chestnut Balcony color palette (#FFF0F9, #D2AEB7, #9F7977, #7C6217, #40563B)
- Hushed Indigo Delta color palette (#F4DEE7, #785EB7, #442930, #291921, #13090B)
- Washed Garnet color palette (#EADDDB, #CAB3AD, #A1887B, #6E2747, #2E1816)
- Aged Lilac Hollow color palette (#FFF0F8, #B9D9FF, #B9B4FF, #AF72AC, #522E3D)
- Dusty Delta color palette (#F9F5E9, #A3B88D, #557F59, #416159, #494400)
Browse the whole catalog at Explore, or see today's palette.