Muted Petrol color palette — #D4E3DB · #C4AFB4 · #B4928F · #007DA0 · #03190F

Cerulean takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D4E3DB): a clean, paper-quiet neutral.
• Rosewood Mist (#C4AFB4): A luminous, dusty red — the color of a theater curtain.
• Dusty Rose (#B4928F): A luminous, dusty orange — the color of autumn markets.
• Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#03190F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cypress Pier color palette (#ECF2E9, #A2B4B2, #B297A0, #008472, #0D1707)
• Sapphire Ridge color palette (#E7E0E7, #BEABAA, #A99186, #2F6ECE, #1A0F1A)
• Hushed Canyon color palette (#E4F2FC, #AAB6C4, #8B96AA, #005A7C, #061620)
• Abyss Pier color palette (#E0E7EC, #96A1B0, #75799C, #003D4E, #00050A)
• Violet Boulevard color palette (#F5EAEE, #CEBCB3, #B5A38E, #906AC0, #2C1820)
• Dusty Coast color palette (#F1ECD4, #5FAB78, #00817A, #2B5983, #001506)
• Fern Basin color palette (#C8F1EF, #6796C0, #8E609E, #3C5F15, #0E1E00)
• Dusty Azure color palette (#E8FAF3, #F4D9DD, #DDBDB6, #00A3E9, #223831)

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