Muted Petrol color palette — #EEF0E6 · #96BCA4 · #0081A2 · #00585E · #002333

Cerulean and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EEF0E6): bright and airy, almost weightless.
• Sage (#96BCA4): A luminous, dusty teal — the color of sea glass.
• Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Cobalt Summit color palette (#DFE3D7, #8EBDAF, #0375D2, #005572, #001A4F)
• Timeworn Cerulean color palette (#E2FBF8, #8ED9ED, #0087AA, #005056, #000F18)
• Wandering Denim Studio color palette (#EBDCD4, #65AABC, #005E88, #003F36, #021D47)
• Periwinkle Cabin color palette (#E0F1E9, #99CCFB, #7AA3E7, #007893, #002B42)
• Weathered Cerulean color palette (#D7F4F5, #0095A3, #006A7B, #004A5D, #002736)
• Worn Cornflower color palette (#F2F8E6, #A9CFF4, #2D8AFD, #006C96, #152D6A)
• Softworn Cerulean Market color palette (#F4F6EF, #C1E4E3, #70ADD0, #008A9D, #285145)
• Frosted Villa color palette (#D7EBDE, #0096B0, #6D7E00, #005D6E, #181E00)

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