Petrol Canyon color palette — #EEF7FA · #D7DAE1 · #BCBED0 · #3C7F8C · #3E4A4F

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

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D7DAE1): a clean, paper-quiet neutral.
• Ash (#BCBED0): A luminous, dusty violet — the color of wild irises.
• Slate (#3C7F8C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4A4F): 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

• Petrol Meadow color palette (#ECF3F6, #D5D7DF, #BEBAC8, #008590, #212E33)
• Weathered Powder Hollow color palette (#EAF7FF, #A1B9D8, #788098, #76586A, #425845)
• Cypress Canyon color palette (#ECF9F4, #8FB9B3, #4C8066, #3C606A, #2D4845)
• Weathered Atelier color palette (#DBE9F1, #9FABB5, #708098, #003E4E, #001622)
• Washed Denim Station color palette (#F3F5FC, #DCD7DF, #B4B0C1, #615A98, #363A47)
• Hushed Aubergine Parlor color palette (#EBEDF5, #B9B7C5, #9388A3, #512B84, #1B1D32)
• Aged Petrol color palette (#E4FDE9, #52A4BB, #456AA1, #723C35, #274052)
• Pale Sky color palette (#ECF7FF, #67F5F7, #3DBFEF, #7989D1, #1C3A57)

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