Muted Petrol color palette — #F9F3F8 · #E1D7D8 · #CABBB9 · #5C74A3 · #4E444D

A conversation between Slate and Charcoal, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E1D7D8): bright and airy, almost weightless.
• Stone (#CABBB9): soft and architectural.
• Slate (#5C74A3): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4E444D): quiet, heavy and certain.

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

• Aged Byzantium Market color palette (#FFF1F4, #E9D5CC, #CFB5B2, #8C4C9C, #4E393E)
• Driftwood Veranda color palette (#FBF2F6, #E2D7D5, #ADADA2, #9A7686, #585053)
• Indigo Dune color palette (#F2DEE8, #745EBB, #412B31, #291A21, #120A0C)
• Garnet Villa color palette (#F7ECEB, #C9B3AE, #A0887D, #71214B, #2E1817)
• Weathered Balcony color palette (#FAF5E6, #B4B190, #587F57, #3D6258, #4A4400)
• Navy Dune color palette (#F6EDF3, #B5A3AB, #99737D, #272B77, #1E0D1A)
• Aged Peony Dune color palette (#FFF0F9, #B7DCFF, #B5B8FF, #B267A9, #532F41)
• Wandering Pewter Ridge color palette (#FFF4E2, #8395CE, #7C5894, #64480E, #4E3343)

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