Muted Petrol color palette — #D9EEEE · #3D7CA4 · #575077 · #403409 · #181200

Built around Slate, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Frost (#D9EEEE): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#3D7CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#575077): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#403409): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#181200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Timeworn Hollow color palette (#DAE8DC, #3D8881, #1E5279, #512100, #130E00)
• Dusty Cobalt color palette (#CBF8F9, #3287B7, #4A4184, #261D00, #020100)
• Antique Abyss color palette (#CAE4FE, #8878AA, #824C66, #054420, #00211A)
• Aged Denim color palette (#F0E2EC, #649EA3, #00627C, #003D2B, #000A17)
• Onyx Alley color palette (#EDD7E6, #706490, #4B2B59, #3E000C, #170A00)
• Feathered Indigo color palette (#DEECFD, #6F84C7, #685BAF, #682A4C, #23010A)
• Aged Hollow color palette (#D7EEFC, #8E94CD, #856384, #1F5751, #013707)
• Hushed Alley color palette (#E3ECF9, #305CD8, #6C5500, #0800AD, #090500)

Browse the whole catalog at Explore, or see today's palette.