Muted Petrol color palette — #EFF8F1 · #C3AF7D · #499D8E · #5064AA · #603240
A conversation between Slate and Fern, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Camel (#C3AF7D): A luminous, dusty gold — the color of old brass.
- Fern (#499D8E): A luminous, balanced teal — the color of sea glass.
- Slate (#5064AA): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#603240): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Optimism, Creativity, Sophistication. Tagged 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
- Wandering Petrol color palette (#FDF1F8, #D8A390, #729962, #127299, #563554)
- Honey Atelier color palette (#FAF4EB, #EAC86E, #62A9A0, #656595, #5F230A)
- Tempered Pewter Ridge color palette (#EAF9F6, #9EBB93, #5595B6, #895286, #593B1B)
- Washed Summit color palette (#E6FCEC, #BED9CF, #8CADAC, #6E809E, #494B65)
- Quiet Canyon color palette (#E6FBF1, #A0A327, #008890, #6321C0, #610008)
- Ancient Cypress color palette (#FCF1FA, #C7837F, #008372, #6C4463, #493B58)
- Weathered Honey Workshop color palette (#FDF4E8, #F2BC70, #87ADD6, #A17990, #543849)
- Wandering Taupe Lagoon color palette (#E7F6EE, #A59E5A, #435F57, #293D33, #1D241E)
Browse the whole catalog at Explore, or see today's palette.