Muted Petrol color palette — #FFF0F9 · #DED2D8 · #A6A9E9 · #6464A7 · #27254C

A conversation between Slate and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Silver (#DED2D8): bright and airy, almost weightless.
• Mauve (#A6A9E9): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6464A7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#27254C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged monochrome, 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

• Pewter Field color palette (#FFF1F3, #E3D6D2, #CD9ECE, #86518A, #3C1F3E)
• Petrol Veranda color palette (#DCFEF4, #BBE4EA, #82B6E3, #2C6CA4, #0E2F4B)
• Powder Drift color palette (#FFF0F9, #D6DEFF, #A6B2FD, #7F84BC, #4A2E40)
• Powder Terrace color palette (#EDF1FF, #B8C2FD, #767CB2, #414770, #181F38)
• Sunlit Coast color palette (#FAF1FF, #E3AFFA, #995AC6, #4E006C, #08000D)
• Patina Powder color palette (#FFF0FA, #E6D7D6, #99C0ED, #ACB1A8, #5A4953)
• Weathered Stone color palette (#FFF1F4, #D6B4E6, #B4B272, #4D9274, #3F2B31)
• Wisteria Bloom color palette (#FBF3F4, #E5D8D4, #E79494, #BF7DC9, #2A1A14)

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