Muted Petrol color palette — #FFF2EB · #E7CCA7 · #919D6F · #41728A · #492C45
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Wheat (#E7CCA7): A whisper-light, dusty gold — the color of old brass.
- Moss (#919D6F): A luminous, dusty green — the color of fresh herbs.
- Slate (#41728A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#492C45): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Worn Petrol color palette (#FFF2EB, #E7D0B8, #AE9B74, #417B88, #1E423A)
- Misty Balcony color palette (#FFF7C7, #BBD893, #51A884, #505EA2, #371D4C)
- Olive Drift color palette (#F9D6E9, #95B79C, #6F7D45, #3C5A70, #413B5B)
- Ancient Courtyard color palette (#FFDED7, #DEC0BA, #C09D83, #8183BB, #603A3A)
- Muted Harbor color palette (#FFF4E1, #D3D4A2, #7B9455, #81584A, #2F2709)
- Softworn Taupe Meadow color palette (#FFD9B8, #BAA769, #647D4D, #1D425D, #101135)
- Pine Field color palette (#ECE0C7, #8B925A, #2E7543, #0C2960, #100023)
- Onyx Veranda color palette (#E8EDDD, #668C6E, #005A52, #2A1C4A, #040003)
Browse the whole catalog at Explore, or see today's palette.