Petrol Canyon color palette — #F1F5FC · #DCD9E3 · #C5BCCB · #5F749B · #424852

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

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DCD9E3): a clean, paper-quiet neutral.
• Stone (#C5BCCB): A luminous, dusty violet — the color of wild irises.
• Slate (#5F749B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#424852): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Timeworn Cobalt Delta color palette (#EEF2F8, #DAD6DF, #C6B8C4, #5177A8, #242D37)
• Muted Pewter Summit color palette (#F6F3FB, #E3D5DC, #BFADBE, #815273, #3C3843)
• Muted Terrace color palette (#F0F5FF, #A8AACC, #8B7F98, #556C5D, #27544B)
• Nightshade Coast color palette (#F2F5FD, #D0D1E3, #A8A1C2, #5349A9, #2D3242)
• Garnet Archive color palette (#F0ECF4, #BFB5C0, #9C8697, #6F244D, #241B2A)
• Aged Orchard color palette (#F2F5FF, #D4DAF8, #AAB1FF, #B378B8, #393C57)
• Worn Indigo Studio color palette (#DEE4F8, #725EBF, #312F46, #1B1E2A, #0C0B12)
• Timeworn Navy color palette (#DEE2EA, #A4A8BA, #7D7B9A, #222488, #0C1323)

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