Muted Petrol color palette — #E0ECEA · #84C0C3 · #007986 · #004C46 · #001A20
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0ECEA): bright and airy, almost weightless.
- Ash (#84C0C3): A luminous, dusty teal — the color of sea glass.
- Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Patina Petrol Lantern color palette (#DDEDEC, #9CB7CE, #2D6EAC, #00485F, #001337)
- Weathered Cerulean color palette (#ECF4F2, #A7CEDF, #2E889F, #005B5C, #002532)
- Tempered Chapel color palette (#E2F2F0, #6CA6BA, #006082, #00383F, #000C17)
- Timeworn Courtyard color palette (#DAEFEC, #438393, #004256, #001F22, #000103)
- Antique Aubergine Lagoon color palette (#E0DDF0, #9E66AE, #007794, #6E0086, #00151D)
- Timeworn Drift color palette (#EDE5FB, #D6C2E6, #D4798C, #7C2F85, #1E0F2C)
- Gentle Nightshade color palette (#E7E0FA, #994496, #A82800, #073CB3, #180018)
- Timeworn Villa color palette (#FCE8F4, #B07755, #814024, #5E0D00, #1F0211)
Browse the whole catalog at Explore, or see today's palette.