Muted Petrol color palette — #E4F3E7 · #81B8E3 · #3A68AA · #004D5D · #212955

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

The five colors

• Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#81B8E3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3A68AA): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#212955): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Garden color palette (#F1E5E9, #90B9D8, #4367B6, #004A52, #150E34)
• Aqua Loft color palette (#E5F3E8, #60C3C9, #00758A, #005143, #003346)
• Softworn Cobalt Coast color palette (#F5EDE5, #9ACBF1, #6484C9, #006A74, #2B2458)
• Hazy Periwinkle color palette (#EDF0E5, #B4DED0, #69A9ED, #008AB6, #0F2C5B)
• Dusty Atelier color palette (#EAFAED, #8CDDEC, #008CB3, #006760, #0D4465)
• Softworn Cerulean Lagoon color palette (#DFECE1, #219DC7, #004E79, #002F33, #001231)
• Ash Lagoon color palette (#F0F7F1, #DBDDED, #8399C5, #41778B, #495269)
• Quiet Grape color palette (#C4E7DD, #749E21, #6E39AF, #395200, #321852)

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