Muted Petrol color palette — #EBF9F3 · #86B7D5 · #7EA573 · #387A9F · #4D4E46
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EBF9F3): bright and airy, almost weightless.
- Sky (#86B7D5): A luminous, dusty blue — the color of open sky before noon.
- Moss (#7EA573): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#387A9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#4D4E46): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Timeworn Petrol Coast color palette (#FFF0F8, #ACA9DC, #58A9A3, #6F6AA5, #3C5539)
- Ancient Cerulean color palette (#ECF7FF, #9ECBE8, #D2A978, #3096CC, #624725)
- Cobalt Corridor color palette (#E6F6F1, #91B8DA, #CB8B63, #0077BC, #49270F)
- Washed Petrol Archive color palette (#FDF1F9, #A6ABDE, #C98286, #686CA6, #674337)
- Washed Orchard color palette (#FDF0FF, #739CC6, #9C7BA9, #3F847B, #4B3D4D)
- Worn Station color palette (#FFEFFF, #E9D4D9, #E0B6B8, #639385, #594A58)
- Tempered Cerulean color palette (#FFEFFF, #ACCCF6, #6484AF, #355379, #48304B)
- Mallow Market color palette (#EEF6FF, #B2DAFF, #FDA8D8, #7AAEDE, #53475F)
Browse the whole catalog at Explore, or see today's palette.