Petrol Canyon color palette — #EDF2F9 · #DAD5DE · #C4B8C1 · #5F769C · #272D35

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

The five colors

• Ivory (#EDF2F9): a clean, paper-quiet neutral.
• Silver (#DAD5DE): bright and airy, almost weightless.
• Stone (#C4B8C1): soft and architectural.
• Slate (#5F769C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#272D35): 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

• Weathered Cobalt Summit color palette (#F2F5FB, #DCD9E1, #C4BCC8, #5D72A7, #434850)
• Softworn Pewter Parlor color palette (#F3F0F9, #DFD2D6, #C2B2B9, #874E77, #231E2A)
• Tempered Delta color palette (#E0F0FF, #B0B3D4, #96859A, #426764, #20423F)
• Hushed Nightshade Dune color palette (#EEF2FC, #D3D0EA, #B6A3C1, #4F4CA9, #12192E)
• Ancient Pewter color palette (#FAEEF2, #98BDAB, #5F7F58, #5A4E6F, #152D22)
• Hushed Navy Studio color palette (#DFE4ED, #9E9EAC, #837590, #1F2A7A, #000313)
• Timeworn Indigo color palette (#E5E9FB, #7A60C3, #362C42, #121522, #03070D)
• Softworn Garnet Bloom color palette (#EEEBF2, #BBAFB9, #A2848F, #69284F, #0F0616)

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