Muted Petrol color palette — #ECF4EF · #CDDBDC · #CCBBC0 · #497E8D · #262E2A

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CDDBDC): a clean, paper-quiet neutral.
• Stone (#CCBBC0): A luminous, dusty rose — the color of a warm blush.
• Slate (#497E8D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262E2A): a grounded near-black with real depth.

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

• Dusty Petrol color palette (#EFF6FA, #D9DAE0, #C2BCCA, #2B8190, #3E4A4F)
• Weathered Petrol Atelier color palette (#F8EFF5, #E4D1D1, #D1B7BE, #5564AE, #2E1F2B)
• Wandering Driftwood color palette (#F5F0F6, #DDD4D5, #BAACA5, #927896, #3A343A)
• Ancient Lagoon color palette (#F3F3E3, #AFB98F, #47836D, #415D45, #262A15)
• Chestnut Balcony color palette (#CEF6E5, #CCB0C8, #987E89, #814B1B, #3A3630)
• Ancient Villa color palette (#E8F2ED, #93A4A0, #897485, #003C51, #000603)
• Wandering Atelier color palette (#DFEFEA, #317AB4, #3F293A, #031B15, #020805)
• Washed Atelier color palette (#FDF0DC, #57A8C7, #536A9B, #703020, #032A20)

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