Petrol Canyon color palette — #EDF3F7 · #D8D7E2 · #C3B9CB · #4C7B9B · #272D32

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D8D7E2): a clean, paper-quiet neutral.
• Ash (#C3B9CB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4C7B9B): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#272D32): a grounded near-black with real depth.

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

• Dusty Indigo color palette (#F0F1F8, #DED2DE, #C9B7D5, #7455B4, #212433)
• Antique Courtyard color palette (#EEF8F4, #E5D3CE, #CDBDBB, #6D94B2, #3F4B47)
• Indigo Chapel color palette (#DAE1EC, #596DC5, #2E2E47, #101622, #03070C)
• Driftwood Corridor color palette (#E1F3FF, #ABBADB, #9C7696, #3F615B, #1D423D)
• Navy Lagoon color palette (#E7EDF5, #98A0B3, #787899, #003767, #00040E)
• Olive Terrace color palette (#FAEEF2, #BEB486, #697F2F, #455573, #182C21)
• Dusty Aubergine Terrace color palette (#E8E8EF, #CDC8D8, #B29AB9, #644384, #141423)
• Hushed Delta color palette (#E9F3FF, #79E6FE, #A8C0FF, #B074B7, #161D35)

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