Petrol Canyon color palette — #EFF7F3 · #D1DDDE · #CCBCBF · #487C93 · #3F4B45

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

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#D1DDDE): a clean, paper-quiet neutral.
• Stone (#CCBCBF): soft and architectural.
• Slate (#487C93): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F4B45): 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

• Patina Petrol color palette (#EDF4F0, #D9D2D0, #CCB4B3, #2E8099, #232F29)
• Indigo Basin color palette (#FDF1F8, #E5D5D3, #D1B3B8, #635EAD, #4C3945)
• Washed Driftwood Grove color palette (#F9F3F8, #E1D7D8, #B0ACA1, #957692, #575056)
• Patina Lagoon color palette (#F5F7E8, #A7B68D, #408174, #45614E, #374A00)
• Weathered Pier color palette (#C9F8E9, #CBA9C0, #957781, #84561A, #465102)
• Tempered Abyss color palette (#DBE5E1, #B4A3B3, #927587, #003C5B, #001912)
• Aged Cobalt Alley color palette (#EDDFED, #3871BF, #402A38, #271A27, #081415)
• Tempered Denim Parlor color palette (#F4ECEF, #D6C8CB, #B09A9C, #594981, #3A2830)

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