Muted Petrol color palette — #E4EDE6 · #79C0BC · #008490 · #005C42 · #00242E

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

The five colors

• Cream (#E4EDE6): bright and airy, almost weightless.
• Mint Leaf (#79C0BC): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Petrol color palette (#DFE8E0, #5AB0C2, #007093, #004A46, #001527)
• Ancient Canyon color palette (#F6F7E5, #95DBD6, #008B90, #005346, #001012)
• Cerulean Studio color palette (#E9F1EA, #9BCDE1, #0094B9, #006D62, #00324B)
• Airy Sapphire Grove color palette (#DEE7E0, #83B8DD, #0073D9, #005766, #101A45)
• Hazy Turquoise color palette (#EEF8F0, #97ECED, #00AEC6, #00856A, #00475D)
• Faded Ridge color palette (#E0EAE2, #6098C8, #124FB9, #003948, #05002C)
• Tempered Atelier color palette (#F1F7F2, #D9DEED, #8DB5DF, #54919C, #465368)
• Muted Rose color palette (#F3D8F4, #E3435F, #00858A, #9C0032, #002021)

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