Petrol Canyon color palette — #E6F4FD · #7ABFD5 · #C48D7C · #217D96 · #44253B

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#E6F4FD): bright and airy, almost weightless.
• Sky (#7ABFD5): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#C48D7C): A luminous, dusty orange — the color of toasted spice.
• Slate (#217D96): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#44253B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged muted.

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 Cypress color palette (#E3F6F8, #7DC4AD, #C5879C, #38816C, #3C2745)
• Petrol Bloom color palette (#ECF9F2, #81B9D3, #CD8275, #007DA5, #534B48)
• Washed Station color palette (#ECF2FD, #9DB2E8, #AB9C65, #5A6FA8, #133A25)
• Timeworn Cerulean Dune color palette (#ECF9F1, #A4D0B7, #E49D86, #009CBD, #534B47)
• Antique Turquoise color palette (#E4F5FF, #4FA8CC, #B07B96, #7D7C44, #122A38)
• Dusty Driftwood color palette (#E8F6E9, #A9C2B1, #718B72, #6C4E5A, #1B3228)
• Patina Parlor color palette (#E5F4FF, #D4D6E5, #C8BADE, #6394A6, #2A3A46)
• Worn Stone Summit color palette (#EDF2FA, #D6C195, #4C6382, #263243, #0F141C)

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