Muted Petrol Canyon color palette — #F0F8F1 · #B8D9F5 · #7197CC · #00798F · #2F385A

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#B8D9F5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7197CC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00798F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2F385A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Hushed Cabin color palette (#F0F7F1, #B6DBE8, #39A5BC, #1B7D69, #004158)
• Wandering Petrol Hollow color palette (#DAE7DC, #55B0C5, #007095, #004A47, #001527)
• Cobalt Drift color palette (#FDF2F6, #B0C8DD, #5D73BD, #00605F, #402F60)
• Patina Cerulean Delta color palette (#F0F7F2, #D9DEED, #96B4D7, #53919E, #45536A)
• Feathered Villa color palette (#E1EDE3, #6A97C1, #2851AB, #003949, #06002B)
• Powder Quarry color palette (#FAF4EF, #BDECDC, #95AEFB, #00A09F, #4F2F3E)
• Powdered Lantern color palette (#C7EFE5, #71A843, #418BDE, #B85161, #00342C)
• Chalky Lilac Dune color palette (#D7F7ED, #94B65A, #AB88E1, #587708, #3D2A57)

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