Muted Petrol color palette — #ECF3F9 · #D8D3E2 · #B7B5C6 · #3A698E · #1B2127
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D8D3E2): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B7B5C6): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#3A698E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Onyx (#1B2127): quiet, heavy and certain.
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
- Aged Petrol Meadow color palette (#F1F6FC, #D9D8E1, #ABB3C6, #3E6598, #343B43)
- Dusty Nightshade Bloom color palette (#EDF1FF, #D6CEF0, #B7A3BD, #5B44AF, #161926)
- Ash Terrace color palette (#D1E2ED, #A49ED6, #7F6E89, #2C4E45, #0C2B24)
- Aged Cerulean Veranda color palette (#F9F3F9, #EAD7DA, #C1AFA6, #678DB8, #332B34)
- Muted Navy Atelier color palette (#DBE4EE, #AEB2C4, #9187A8, #004283, #040B15)
- Tempered Onyx color palette (#DDDDE9, #92899A, #776474, #38174D, #010006)
- Antique Olive Veranda color palette (#FDEDF3, #ADA166, #4F7032, #444260, #092215)
- Terracotta Pier color palette (#DFF0FE, #0086BB, #942C01, #2F3900, #111700)
Browse the whole catalog at Explore, or see today's palette.