Muted Petrol color palette — #D6ECEB · #007D88 · #004D5C · #002634 · #00050A
Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D6ECEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007D88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002634): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Petrol Quarry color palette (#D8E8F0, #0079AD, #004D85, #001E4E, #01001C)
- Muted Dune color palette (#E5E8D6, #007176, #004456, #260056, #000405)
- Softworn Pine color palette (#DDEBDD, #008550, #00593F, #002821, #000404)
- Weathered Villa color palette (#D0EDD5, #00A899, #00909E, #006182, #000507)
- Abyss Courtyard color palette (#E2E8E1, #9EA89E, #788C7C, #005148, #030C01)
- Antique Basalt color palette (#D2EDFF, #617B9E, #3F4A7C, #511C43, #280012)
- Hushed Cobalt color palette (#CCF2FB, #3BB1DC, #007DB4, #004C82, #002356)
- Linen Grove color palette (#DFE8F7, #657AD4, #4D20CE, #38007B, #130026)
Browse the whole catalog at Explore, or see today's palette.