Muted Petrol color palette — #EDF8F2 · #C8DFE1 · #CBB4C8 · #007692 · #2F463A

A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Silver (#C8DFE1): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#CBB4C8): A luminous, dusty pink — the color of peonies in June.
• Teal (#007692): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#2F463A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Thicket color palette (#FBF2FB, #E8D4D7, #CFB3C0, #246BB9, #463C46)
• Cerulean Basin color palette (#F0F6FA, #D8D9E9, #C8BAD9, #0096AF, #2C434E)
• Weathered Lagoon color palette (#ECF4EF, #E8D5DC, #D6B4C5, #00788D, #19291F)
• Hushed Denim color palette (#E8F1ED, #D4C7D5, #B098AA, #005C7F, #22322B)
• Hushed Driftwood color palette (#FBF2F6, #E1D7D5, #ADADA3, #9B7585, #5A4F54)
• Worn Driftwood color palette (#C9FBE9, #93A5CF, #8973AD, #785539, #444F1E)
• Worn Cypress color palette (#F6F7E0, #74B489, #007C62, #005C63, #1E442C)
• Muted Meadow color palette (#EBE5EB, #C2B4BE, #A48392, #15447C, #281929)

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