Muted Petrol color palette — #E8FAF7 · #7CA47C · #3C779A · #684666 · #593130

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF7): bright and airy, almost weightless.
• Moss (#7CA47C): A luminous, dusty green — the color of new leaves after rain.
• Slate (#3C779A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#684666): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#593130): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Muted Coast color palette (#ECF8F9, #61A797, #5D6F9D, #734352, #274B35)
• Hushed Taupe color palette (#EBF9F0, #A6985A, #2D8072, #3C5380, #5B3449)
• Muted Terrace color palette (#DAFEF8, #ACCCCF, #829FAB, #6E6B7C, #5B4751)
• Softworn Garnet color palette (#E8F5F1, #95A46E, #288276, #7C2B48, #232C02)
• Muted Petrol Market color palette (#F1F7EE, #76C2B1, #8A86B5, #66609B, #603621)
• Cerulean Orchard color palette (#E9F8FF, #009AAE, #705394, #733120, #2D3F11)
• Washed Driftwood color palette (#ECF8F3, #A4CAC1, #668C6E, #4E6E61, #3C524E)
• Chalky Denim color palette (#DBFDFE, #00946E, #0058AB, #6F0C55, #462900)

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