Muted Petrol Canyon color palette — #F3F6EE · #B4DFD3 · #7098CB · #1E759C · #273960

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

The five colors

• Ivory (#F3F6EE): bright and airy, almost weightless.
• Silver (#B4DFD3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7098CB): A luminous, balanced blue — the color of deep harbor water.
• Slate (#1E759C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#273960): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Patina Periwinkle color palette (#EBF8F8, #DADCE7, #64A8FF, #0078A5, #1D2D4F)
• Turquoise Loft color palette (#F5F6ED, #BBDFC2, #2AA6BD, #007C79, #004252)
• Pale Station color palette (#F3F8E6, #8BD6FC, #0096DA, #006F85, #00355C)
• Hushed Petrol color palette (#E1E5D1, #6FACBE, #007191, #00494F, #001623)
• Cobalt Workshop color palette (#FCF4EC, #A8CFC4, #6075B3, #005E6B, #3B345A)
• Washed Cerulean color palette (#F4F6EF, #C6E7EB, #8ABEB1, #548FA8, #5F4A5F)
• Dusty Plum Hollow color palette (#FFE9E4, #E9849D, #7391E4, #B04A67, #203165)
• Timeworn Coral Archive color palette (#FFDBD2, #E1697B, #AF8027, #8D5EB7, #432017)

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