Muted Petrol color palette — #E8EFFA · #D0D8E8 · #AEB6D1 · #5871A4 · #252E3D

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

The five colors

• Frost (#E8EFFA): bright and airy, almost weightless.
• Silver (#D0D8E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#AEB6D1): A luminous, dusty violet — the color of wild irises.
• Slate (#5871A4): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#252E3D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, 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

• Patina Denim Lantern color palette (#EBEEF9, #BEC2DE, #A1A1C2, #5D549E, #1B1F2B)
• Sapphire Dune color palette (#F1F6FC, #DDD9E3, #D1BBCE, #0C75DA, #141F2C)
• Tempered Archive color palette (#F5F3FF, #E0DAF1, #C6B5DC, #9B58AB, #333044)
• Worn Bloom color palette (#F3F5FD, #DED8E1, #CABCCB, #9486B7, #454751)
• Timeworn Lilac Workshop color palette (#ECE8FF, #C196DA, #9B6F95, #6A4D63, #452B38)
• Gentle Ridge color palette (#EFF4FF, #ABCBFF, #9AA0FF, #9865DB, #272143)
• Antique Balcony color palette (#F0D4EF, #827FFF, #7B50AC, #782834, #241D42)
• Wandering Chapel color palette (#E6E1ED, #AB9FB3, #917F97, #6D2557, #0C0613)

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