Muted Petrol color palette — #F1F5FF · #D1D8FF · #9295C9 · #5B6798 · #293553
A conversation between Slate and Blue Fog, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lilac Frost (#D1D8FF): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#9295C9): A luminous, dusty violet — the color of wild irises.
- Slate (#5B6798): A full-bodied, dusty violet — the color of wild irises.
- Navy (#293553): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.
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 Turquoise color palette (#ECF7FF, #A4E0F9, #6CAAC8, #33738C, #1D3F56)
- Powder Delta color palette (#F1F5FF, #E3D4F2, #ABB4FF, #7B85BD, #2E3953)
- Aged Coast color palette (#FFF0FA, #DDD2D9, #A3B2FE, #5E5F97, #3D2236)
- Driftwood Balcony color palette (#F3F5FC, #A9DDD4, #747AA0, #484B62, #282B36)
- Wandering Lilac Bloom color palette (#F4F4FC, #CCCCF7, #C88A79, #9C7DB7, #362932)
- Weathered Ash color palette (#EFF6FF, #DED8E2, #C0AAA1, #8AABC2, #464C5C)
- Ash Studio color palette (#FFF0F8, #BBD2B8, #B290A2, #836C80, #394D40)
- Lilac Basin color palette (#F3F4FF, #B69DDC, #79A987, #5B8667, #3A3C4B)
Browse the whole catalog at Explore, or see today's palette.