Muted Petrol color palette — #ECF8F5 · #87A26D · #007D97 · #5F4874 · #53384B
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF8F5): bright and airy, almost weightless.
- Moss (#87A26D): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007D97): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#5F4874): A full-bodied, dusty violet — the color of wild irises.
- Charcoal (#53384B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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 Lantern color palette (#EDF8F8, #61A987, #4271AF, #753F5A, #2E4A34)
- Wandering Meadow color palette (#EEF8EF, #B0935E, #238267, #335482, #4A3A5A)
- Taupe Meadow color palette (#EAF5EE, #AA9E4F, #656CA6, #673C57, #2D203B)
- Weathered Ash color palette (#E0FDF5, #B2D0CF, #72A0AC, #717184, #604C5A)
- Wandering Driftwood color palette (#EFF7F2, #A5CBBD, #6E8B61, #516D5D, #3C534B)
- Mustard Ridge color palette (#FAF4EA, #C9AF62, #6890B8, #885B58, #583937)
- Airy Ultramarine color palette (#E6F9FF, #009C9E, #5355B5, #722D45, #493401)
- Weathered Aubergine color palette (#E2FBF9, #00964B, #00608F, #6A006C, #4D2400)
Browse the whole catalog at Explore, or see today's palette.