Muted Petrol color palette — #F9EBE6 · #81BDC5 · #00709F · #005334 · #172B59

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

The five colors

• Cream (#F9EBE6): bright and airy, almost weightless.
• Ash (#81BDC5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
• Navy (#172B59): A deep, shadowed, balanced violet — the color of wild irises.

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

• Patina Garden color palette (#F5EDE5, #92B5D6, #535FB3, #004F52, #372051)
• Dusty Cobalt Veranda color palette (#FEF3ED, #ADCEB9, #3A7EB3, #00624A, #2D3664)
• Hushed Petrol Cabin color palette (#E4EBE5, #79C1C9, #007791, #004C42, #001826)
• Pale Denim Harbor color palette (#EEE2DA, #7FAA96, #0054AB, #003F36, #1D124D)
• Pale Teal Coast color palette (#C2F6DB, #42AD89, #00633D, #003424, #001A0C)
• Nightshade Canyon color palette (#EBE0D5, #7193B5, #3A389C, #002F32, #1F0035)
• Cobalt Archive color palette (#FAF4EF, #C3E5D9, #7388C0, #00716E, #5D3C4C)
• Pale Thicket color palette (#F8E9F5, #82E5F0, #0EB2F0, #379262, #192D51)

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