Muted Petrol color palette — #F4F6EF · #C9E3E3 · #78A495 · #36798B · #3D5952

Slate and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C9E3E3): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#78A495): A luminous, dusty teal — the color of glacier melt.
• Slate (#36798B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3D5952): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Ash Thicket color palette (#F4F6EF, #C9E3E7, #7D9CC2, #4C7A68, #5E4C5C)
• Ancient Petrol Field color palette (#EEF0E1, #76BFC8, #007588, #00504E, #003442)
• Weathered Lagoon Terrace color palette (#F6F6E9, #91DEDE, #00909B, #00685C, #004853)
• Tempered Lagoon color palette (#EFEFDE, #3DA19C, #005558, #003128, #00181B)
• Plum Coast color palette (#FFF2F0, #DB9AAE, #A59965, #A35770, #504D46)
• Wandering Driftwood color palette (#FFF2EF, #C38391, #AA814E, #7D6B9F, #533C37)
• Timeworn Balcony color palette (#E5EADB, #5885AB, #003C74, #00202E, #000624)
• Worn Cocoa color palette (#FFF2EE, #E0D8CF, #D4C3A0, #A8817B, #7E3F27)

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