Muted Petrol color palette — #ECF9F0 · #FFDCDA · #3C828F · #22402D · #07120B

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Shell Pink (#FFDCDA): A whisper-light, dusty orange — the color of autumn markets.
• Slate (#3C828F): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#22402D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#07120B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Cerulean Basin color palette (#ECF8F4, #D8D7CB, #5D8CAA, #314D43, #111E1A)
• Patina Petrol Thicket color palette (#FCF1FD, #F1D9C2, #5379A2, #452F48, #160B17)
• Antique Stone color palette (#EDF4EB, #CCAF74, #00635B, #002F2B, #080E07)
• Softworn Delta color palette (#EBF8FB, #E9D3A4, #3DA89E, #267069, #142528)
• Periwinkle Meadow color palette (#FEF1FA, #99A6FA, #6F7AB9, #904443, #0E1F10)
• Muted Shell color palette (#E0FDEF, #FFA5B9, #006180, #002230, #000201)
• Glacier Basin color palette (#FFF3E4, #6BE0EA, #858BCD, #7B5D30, #16392C)
• Wandering Harbor color palette (#EDF9EE, #3BC9CE, #CB8895, #A05A69, #162A19)

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