Muted Petrol color palette — #FEF0FB · #EFDCBF · #6375A3 · #492D45 · #150C13
A conversation between Slate and Charcoal, giving this palette its sense of creativity and sophistication.
The five colors
- Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
- Peach Cream (#EFDCBF): A whisper-light, dusty gold — the color of honey in a jar.
- Slate (#6375A3): A full-bodied, dusty violet — the color of wild irises.
- Charcoal (#492D45): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#150C13): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged luxury, dark, 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
- Lichen Pier color palette (#FDF1FB, #EDFDC9, #7386AC, #50404E, #1F191E)
- Petrol Bloom color palette (#EBF9F3, #FFDBDE, #407E9D, #214034, #03130D)
- Worn Seafoam color palette (#FFF0FC, #4BFABA, #4B65B5, #1D2B56, #0F030D)
- Azure Grove color palette (#EDF6FF, #AFE4BE, #6B9AC1, #436784, #1A232B)
- Ancient Denim Lantern color palette (#EAF4F1, #92C0A1, #29597F, #022945, #00100C)
- Hushed Denim Canyon color palette (#EEF6FF, #CE9FB1, #225386, #132F4D, #1B1C28)
- Worn Blush color palette (#EAF9F4, #D3DDFA, #DB7E8C, #4691C4, #1E0D09)
- Ash Market color palette (#F3F9DD, #ACCEFF, #B979AC, #407047, #402937)
Browse the whole catalog at Explore, or see today's palette.