Muted Petrol color palette — #E2E4D7 · #56B0C3 · #00718C · #00494D · #001721

A conversation between Teal and Cyan, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E2E4D7): bright and airy, almost weightless.
• Cyan (#56B0C3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00718C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00494D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Pale Cobalt Archive color palette (#E2E5D8, #61BDE9, #007DB6, #005768, #00213C)
• Muted Cerulean color palette (#E7DECE, #3D9EB1, #00516B, #00302D, #001527)
• Ancient Petrol color palette (#F8EBE5, #75C4D7, #006DA8, #00402D, #010015)
• Weathered Iris color palette (#D0E6F3, #6DBEFF, #5C91F9, #006A80, #001729)
• Denim Delta color palette (#E2E9D6, #5F97CB, #0055AD, #00384F, #00032A)
• Dusty Cerulean Balcony color palette (#EEF0E6, #83D3E0, #0096B1, #006C6C, #003343)
• Muted Olive Delta color palette (#CDF2FB, #00869B, #626E00, #004E5B, #0E1100)
• Airy Turquoise color palette (#F6F7E4, #7FF0F3, #00AFBF, #008478, #004855)

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