Muted Petrol color palette — #F1F5FF · #D7C295 · #696AA6 · #3C3C6B · #1C212F
A conversation between Slate and Navy, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Sand (#D7C295): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Slate (#696AA6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#3C3C6B): A deep, shadowed, dusty violet — the color of a velvet chair.
- Midnight (#1C212F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Optimism, 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
- Softworn Driftwood Dune color palette (#F5F4FB, #B9DBC0, #8C7297, #4C4869, #2B2A34)
- Washed Denim Market color palette (#F0F5FF, #AEB478, #3E4C8A, #1F2D49, #1C1A25)
- Sand Meadow color palette (#FFF0F9, #FFE2A5, #6F70A4, #4C2C41, #160B12)
- Weathered Straw color palette (#FFF0FC, #D1DD98, #8093C8, #765770, #2A1D27)
- Timeworn Corridor color palette (#F7F3FF, #DFB452, #A1398B, #5D1C50, #1F142E)
- Hushed Market color palette (#F3F5FB, #C8BAF5, #BE7596, #8A67D5, #2A1E33)
- Grape Alley color palette (#E1E3FA, #D0A43B, #7039A5, #40006B, #160526)
- Antique Olive color palette (#E8FBEC, #CBA0CF, #B36F80, #457123, #433753)
Browse the whole catalog at Explore, or see today's palette.