Muted Petrol color palette — #FFF1F2 · #F6CBC1 · #CBA571 · #666099 · #593B35

A conversation between Slate and Camel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#F6CBC1): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#CBA571): A luminous, balanced gold — the color of old brass.
• Slate (#666099): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#593B35): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, 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

• Weathered Cocoa Harbor color palette (#FFF1F0, #E1DBCF, #CCBD90, #836B99, #783B1E)
• Misty Mulberry color palette (#FFF1F1, #FFC499, #A3B544, #963E88, #5B251B)
• Antique Pier color palette (#F6EEFF, #F6CADC, #E4AB97, #8C5F9E, #291A31)
• Garnet Archive color palette (#FDE2D1, #B38F66, #8C523C, #6A2D3B, #33302A)
• Timeworn Aubergine Chapel color palette (#FFD1D1, #DCA092, #9D7E38, #5F3B8E, #3E101F)
• Gentle Market color palette (#FFEDDB, #C8C080, #5EA786, #963F43, #473405)
• Muted Plum Thicket color palette (#FFF2EB, #F9DD8D, #92CE9D, #A44D62, #49453E)
• Worn Sand Delta color palette (#F6F3FF, #FFD1E0, #FECC7E, #92A0DB, #4A3851)

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