Muted Petrol color palette — #FAF3F8 · #D5B4CF · #976A9F · #4E6AAE · #39282C
Built around Slate, softened by Slate — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Rosewood Mist (#D5B4CF): A luminous, dusty pink — the color of peonies in June.
- Slate (#976A9F): A full-bodied, balanced pink — the color of neon signs at night.
- Slate (#4E6AAE): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#39282C): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Creativity, Sophistication. Tagged duotone, 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
- Petrol Delta color palette (#EFF7F4, #98C8E3, #8C6DAC, #0076A3, #39282E)
- Hushed Pewter color palette (#FAF3F5, #E1B1BE, #AD6953, #86569D, #332C28)
- Raspberry Villa color palette (#ECF4F1, #94CAF8, #BC5F88, #2C77AF, #1E1211)
- Muted Fern color palette (#FCF4E8, #A9A0CB, #906887, #615B18, #574048)
- Mulberry Summit color palette (#FFF0F9, #BCAFDB, #9972A1, #803D71, #742947)
- Cerulean Veranda color palette (#F0F6FC, #AAD6FF, #CC829D, #5891C4, #312B35)
- Driftwood Alley color palette (#FAF3F6, #DFD8D6, #AEADA0, #7F7CA9, #5A4F55)
- Softworn Chestnut color palette (#FCF2F9, #7B85B4, #94532B, #455916, #26392C)
Browse the whole catalog at Explore, or see today's palette.