Muted Petrol Terrace color palette — #F5F1EB · #C9E1E3 · #7C9FCA · #2B7686 · #432E3F

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C9E1E3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7C9FCA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2B7686): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#432E3F): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Worn Ash color palette (#FAF3F6, #D9DEEF, #8598C6, #407A76, #4E5164)
• Softworn Cypress Workshop color palette (#F5F1EB, #C9E1DD, #7DA793, #0B7B73, #1B3E34)
• Denim Garden color palette (#E9E1D5, #6EA4C2, #005A9B, #003840, #000231)
• Cobalt Coast color palette (#FFEDE9, #C48A92, #7E9765, #4C7CAD, #37211B)
• Wandering Petrol Atelier color palette (#EFE8DD, #9BBDA6, #007698, #004C47, #001829)
• Cerulean Bloom color palette (#F9F1E4, #98DEE2, #0092AC, #006453, #00293A)
• Teal Garden color palette (#FAF4EF, #C7DCE8, #C9BBEA, #49A29F, #604451)
• Abyss Courtyard color palette (#F0E9E0, #549797, #00535F, #002D22, #000509)

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