Muted Petrol color palette — #FFF0F9 · #E8D5D2 · #E3B2B3 · #5978A3 · #5E4350

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#E8D5D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#E3B2B3): A luminous, dusty red — the color of late-summer berries.
• Slate (#5978A3): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5E4350): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Cerulean Loft color palette (#DEFEF0, #F4DEDA, #DCB0C4, #438D9A, #3A574F)
• Tempered Cerulean Market color palette (#FFEBF9, #E8D2CE, #ECACAA, #3C89A9, #3E2531)
• Aged Violet color palette (#FFF1F2, #FFD2DA, #EA9882, #8C5DA4, #5E3447)
• Dusty Driftwood Ridge color palette (#FFF1F5, #E4D8D2, #A8B39E, #9E7489, #614E50)
• Hazy Chapel color palette (#FFE9E8, #FBAEB6, #D18563, #794779, #4B2420)
• Powdered Courtyard color palette (#F8F2FF, #FEB5FA, #F67FA0, #5952A7, #4D2954)
• Worn Canyon color palette (#FFF3E7, #BBA382, #8F6A46, #72452F, #403D36)
• Timeworn Stone Workshop color palette (#FEF1F4, #C7AB70, #62446C, #3B2343, #2D1C20)

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