Muted Petrol color palette — #D4ECEC · #3E78A2 · #564776 · #312F00 · #0C1800

A conversation between Slate and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Frost (#D4ECEC): A whisper-light, dusty teal — the color of sea glass.
• Slate (#3E78A2): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#564776): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#312F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0C1800): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Cobalt Harbor color palette (#D6ECF2, #637BB1, #573C60, #002916, #000301)
• Ancient Meadow color palette (#CBE4F7, #8D697F, #743865, #013908, #001414)
• Weathered Denim color palette (#EDF3D9, #3D8A7E, #025584, #4C1E00, #140E00)
• Ancient Meadow color palette (#DFE5F6, #6866A9, #523070, #480018, #2D0505)
• Timeworn Fern color palette (#D2EEFE, #8B98CA, #865D8A, #365200, #002E26)
• Worn Courtyard color palette (#E7DDD7, #679BAC, #005E8F, #003C36, #00032B)
• Aged Archive color palette (#E5E1CB, #4B844F, #005240, #00313D, #000901)
• Chalky Pier color palette (#ECE6FB, #663AA7, #5C4C00, #334400, #03000A)

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