Muted Petrol color palette — #F1F5FF · #D2D7FE · #C4A3CD · #616B9A · #3F425B
Slate takes the lead with Mauve close behind in a set that reads as creativity and calm at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lilac Frost (#D2D7FE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#C4A3CD): A luminous, dusty pink — the color of a candy shop window.
- Slate (#616B9A): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#3F425B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Sophistication. Tagged pastel, light, 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
- Pewter Boulevard color palette (#F7F3FF, #FED1CF, #E0A2AC, #836089, #493957)
- Cerulean Drift color palette (#FFF0F9, #F0D2E7, #F2AFC5, #368DC0, #513444)
- Petrol Chapel color palette (#ECF2FF, #E5D0EB, #E0A8BD, #106AA3, #1E2140)
- Hushed Navy color palette (#ECE7FF, #D2ABEE, #B27CAF, #433D82, #2B153F)
- Aged Boulevard color palette (#FFF0FD, #FFAED8, #F07D9F, #864996, #4F2140)
- Patina Balcony color palette (#EBDFEE, #CC92C4, #BB5189, #501B78, #230724)
- Sunlit Mulberry color palette (#FEE1FF, #F7AB9E, #C78365, #873D58, #452A42)
- Ancient Lantern color palette (#F0EBFE, #D0866D, #5B305B, #311531, #190C18)
Browse the whole catalog at Explore, or see today's palette.