Muted Petrol color palette — #E3EEE7 · #CDBFCD · #C296AB · #006C81 · #14231B

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E3EEE7): a clean, paper-quiet neutral.
• Stone (#CDBFCD): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C296AB): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#14231B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Corridor color palette (#E0E9E6, #C2ADBB, #A48AB0, #005884, #001912)
• Cerulean Lagoon color palette (#E3F0EA, #AEC5C7, #C0A6AF, #008CBA, #0F241C)
• Weathered Parlor color palette (#EAE0E8, #CFBFC5, #C49898, #3857B9, #271B25)
• Ancient Delta color palette (#EBF0E7, #B6CABB, #82B0A3, #007258, #1C2117)
• Aged Loft color palette (#FBF2FC, #F1D5E3, #D6AFD5, #0079D4, #3C2D3E)
• Antique Navy color palette (#E7DDE4, #B29FA4, #A77877, #2E3990, #0F060D)
• Patina Jade color palette (#F3EEDE, #64A468, #007162, #0B4A6E, #012205)
• Aged Cerulean Atelier color palette (#F0F7F4, #DED4D2, #C0C5B0, #5899B6, #404A46)

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