Muted Petrol color palette — #E9E4AC · #7AAAA6 · #147C92 · #5A3400 · #161300

A conversation between Teal and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#E9E4AC): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#7AAAA6): A luminous, dusty teal — the color of sea glass.
• Teal (#147C92): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5A3400): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#161300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Denim Summit color palette (#D9E9CA, #70A786, #006483, #463400, #050E00)
• Tempered Garden color palette (#B8F2ED, #83B3AF, #00868F, #6C3B00, #081B00)
• Dusty Cocoa color palette (#EEDDBF, #8EB482, #408692, #6C2F1F, #330700)
• Lagoon Field color palette (#DEEFD7, #008F91, #2D5380, #542E15, #3E1900)
• Dusty Orchard color palette (#CDE9E2, #3C8D98, #1B5683, #4E1D2E, #1C0517)
• Cobalt Quarry color palette (#E1F3EF, #55B0C3, #3789C7, #8C5266, #4E1805)
• Aged Cerulean Field color palette (#CDECDE, #308B9C, #4C446F, #0A2700, #000200)
• Chalky Bronze color palette (#D9F3FF, #00A4BB, #AB6900, #005765, #0F0500)

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