Muted Petrol color palette — #D3EADE · #7AB3A7 · #569599 · #3F64AD · #282453

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D3EADE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#7AB3A7): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#569599): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3F64AD): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#282453): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Soft Nightshade color palette (#CBE9EE, #63A2A3, #00849D, #504DAB, #200A3A)
• Wandering Workshop color palette (#EDEDDC, #97A578, #6B9661, #00747E, #002F3D)
• Cerulean Courtyard color palette (#D7E3E1, #99C8DB, #00A3BF, #007D7C, #00242F)
• Powdered Aubergine color palette (#DDF1F7, #4E8CAD, #436893, #672D7B, #1F001A)
• Airy Violet Atelier color palette (#C1ECF1, #6BC8E5, #73A7CE, #935BC6, #59225E)
• Denim Pier color palette (#DEFCFF, #C2D3E4, #95B9C9, #8394B5, #4F486D)
• Soft Cornflower Hollow color palette (#D5F0EE, #45B573, #1790FA, #008749, #001B38)
• Lagoon Grove color palette (#FFDDB4, #97AA66, #16876F, #5A294A, #340A28)

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