Muted Petrol color palette — #F5EDE2 · #96BCA0 · #007390 · #005048 · #00324B

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sage (#96BCA0): A luminous, dusty teal — the color of glacier melt.
• Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Cerulean Ridge color palette (#FAF4EB, #ABCFBA, #3681A7, #00605F, #133D62)
• Washed Petrol color palette (#F3E6E0, #7FBFCA, #0073A5, #004E32, #091331)
• Timeworn Cypress Field color palette (#F8F5EF, #CCE3E0, #76A590, #00807A, #2F5249)
• Tempered Lagoon Basin color palette (#EEE5D6, #4C9F9C, #00545D, #003123, #00171F)
• Antique Turquoise color palette (#E8F1E9, #8CE3F0, #2FB4DC, #179184, #00324B)
• Petrol Balcony color palette (#F8F5EF, #C3E5D9, #698CBB, #006E82, #593D53)
• Terracotta Drift color palette (#F7D8EC, #5C5FB8, #A23300, #005C39, #191845)
• Faded Denim Loft color palette (#FFEAF7, #D3C4F3, #CB79B7, #1A589E, #49273B)

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