Muted Petrol Canyon color palette — #EAF8FD · #D6D9EF · #B4BBD1 · #007886 · #32434A

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

The five colors

• Ivory (#EAF8FD): a clean, paper-quiet neutral.
• Silver (#D6D9EF): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B4BBD1): A luminous, dusty violet — the color of wild irises.
• Teal (#007886): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#32434A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Muted 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

• Washed Garden color palette (#ECF4EF, #C6DCDC, #ADC5BD, #007790, #1B2921)
• Aged Hollow color palette (#E6F0F6, #C3CDDA, #9A9FB6, #005F72, #253035)
• Weathered Driftwood color palette (#F2F5FD, #E0D8E0, #B5AAA3, #7680A3, #505259)
• Wandering Field color palette (#F0F5FF, #D0CFED, #AF9FBD, #434EAD, #293347)
• Worn Navy Cabin color palette (#E7ECF4, #A5A8BA, #85789B, #12346E, #0D141F)
• Charred Petrol color palette (#D3E6F7, #006FA8, #2A2449, #041A2B, #030811)
• Dusty Orchard color palette (#F0F7F2, #CCDEE0, #BBB7A3, #00B8D2, #35443A)
• Sky Lantern color palette (#B8FBF3, #61B3EC, #8B6AA0, #5F5C26, #254F3C)

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