Muted Petrol color palette — #D7F5DD · #008593 · #46528C · #472332 · #1F0E00

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D7F5DD): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008593): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#46528C): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#472332): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#1F0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Creativity, 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

• Lagoon Workshop color palette (#E3E4C8, #318C6C, #05607D, #47202B, #27020E)
• Washed Aubergine Quarry color palette (#C6EBE3, #4180A1, #593E81, #392D00, #181200)
• Weathered Balcony color palette (#D9F4FF, #3F7299, #213862, #340738, #200015)
• Muted Garnet Meadow color palette (#CCE5FA, #6E86A5, #61659C, #6C2F58, #2E0011)
• Tempered Petrol Boulevard color palette (#DAF0FF, #007496, #794D00, #003E52, #0B0400)
• Tempered Onyx color palette (#D8E9D8, #768C69, #005E74, #420300, #030100)
• Airy Ultramarine color palette (#F5E1E9, #4D9CC6, #2651AD, #003C37, #0C0026)
• Weathered Denim Market color palette (#CFECFB, #006181, #634800, #363B02, #000204)

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