Muted Petrol color palette — #E1E8C7 · #5BA07D · #007784 · #743C42 · #4A1B21
A conversation between Teal and Fern, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#E1E8C7): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#5BA07D): A luminous, balanced teal — the color of glacier melt.
- Teal (#007784): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#743C42): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#4A1B21): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Balance. 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
- Ancient Thicket color palette (#E0E6CE, #4F9979, #006B86, #6E181E, #271500)
- Weathered Jade color palette (#F4E8D6, #81AF73, #35979D, #894B3F, #481911)
- Washed Station color palette (#D5E7DF, #63A6B4, #4673AD, #6A4728, #422200)
- Petrol Terrace color palette (#E0F2DD, #84BBA5, #007A85, #513758, #300B1D)
- Pine Boulevard color palette (#FEE5CB, #959B54, #00865F, #5B3D5F, #28203F)
- Wandering Lagoon Studio color palette (#CBECD9, #13947D, #186161, #1D355D, #2C1739)
- Antique Quarry color palette (#D6F7ED, #008193, #41548D, #452900, #160C00)
- Worn Hollow color palette (#D2E8DB, #7F9F57, #00743F, #504500, #00211A)
Browse the whole catalog at Explore, or see today's palette.