Muted Petrol color palette — #F4F2E8 · #9BA26A · #6F69A3 · #66450A · #362306

Built around Slate, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Moss (#9BA26A): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#6F69A3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#66450A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#362306): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Cobalt Boulevard color palette (#F7F1E9, #BA9652, #2179AD, #723A29, #382111)
• Pewter Dune color palette (#F0F3EA, #6EAC8B, #945990, #425321, #2C2804)
• Teal Lagoon color palette (#EFF8EC, #3BAD9B, #656BA3, #764245, #44423B)
• Worn Chestnut color palette (#F6F3D7, #C6D1BD, #7A9A8D, #855A1B, #5D3A00)
• Wandering Mint color palette (#E9F9F9, #72C696, #A47CA8, #7E5C78, #53384F)
• Mulberry Atelier color palette (#EAF6E4, #009882, #A60059, #5C2800, #2B0F00)
• Linen Aubergine Terrace color palette (#E9F1DF, #009363, #7D2591, #323800, #131600)
• Wandering Chapel color palette (#EBF8FA, #87DFCF, #8097D8, #91566C, #263F2C)

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