Muted Petrol color palette — #FBF4EB · #C4A471 · #3F98A9 · #6B62A3 · #47302A

Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Camel (#C4A471): A luminous, dusty gold — the color of old brass.
• Cerulean (#3F98A9): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6B62A3): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#47302A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Muted Petrol 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 Garden color palette (#FFF2ED, #CE8F87, #4D9579, #2B71AB, #453134)
• Cobalt Coast color palette (#F7F6EA, #96AA70, #5D81BE, #874D7A, #36312B)
• Petrol Studio color palette (#FCF4E8, #C9BE91, #7B9E6E, #576DA3, #564700)
• Weathered Villa color palette (#ECF9F2, #CFC26F, #58B1CA, #5A94A6, #3D3341)
• Wandering Amber Basin color palette (#FCF3EC, #B77D50, #007D76, #6F4265, #3C3631)
• Softworn Grape color palette (#FEF4E0, #A99000, #007CB3, #7E0BA6, #401509)
• Ancient Taupe Quarry color palette (#F8F5EF, #D8DBD4, #A8B6B0, #B0995A, #56524B)
• Hazy Mulberry color palette (#F9F6E3, #789028, #3465B3, #772470, #2A1601)

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