Muted Petrol color palette — #F0F7F2 · #CDE2E1 · #B0C6CA · #3C8089 · #434A44

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#CDE2E1): A whisper-light, dusty teal — the color of sea glass.
• Stone (#B0C6CA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3C8089): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#434A44): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Dune color palette (#EEF8F4, #E0D4D1, #A69E95, #608D7E, #4C5552)
• Dusty Grove color palette (#EDF4EE, #CFD9D9, #C9BABD, #2B838C, #252F27)
• Petrol Meadow color palette (#FCF1FB, #EBD3D5, #CFB3BD, #4367B1, #483B47)
• Muted Mint Cabin color palette (#F8F6E4, #92BD89, #488161, #4A6147, #444600)
• Petrol Atelier color palette (#D5EAE2, #007AAC, #3D2C3B, #14231D, #070E0D)
• Abyss Parlor color palette (#E8F2EC, #96B0A7, #917490, #003E4D, #07180F)
• Tempered Turquoise color palette (#EFF6FA, #D6DAE3, #B4AFBD, #44BED2, #3D4A50)
• Worn Chestnut color palette (#DDFBEA, #93BBE3, #A0788E, #8B5228, #514D00)

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