Muted Petrol color palette — #E3F7F3 · #75ABB1 · #04727F · #663442 · #002125
A conversation between Teal and Cocoa, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E3F7F3): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#75ABB1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#04727F): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#663442): A deep, shadowed, dusty red — the color of a theater curtain.
- Midnight (#002125): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Worn Villa color palette (#E7F6ED, #8BAA84, #007660, #5A3958, #0A2205)
- Wandering Cypress Boulevard color palette (#EAF9F6, #78A78F, #007365, #62441B, #153C3D)
- Timeworn Moss Ridge color palette (#D1EDDC, #70A65B, #006B55, #483E00, #061C00)
- Timeworn Lagoon Hollow color palette (#EAF5F0, #AACBC7, #568F85, #436B5A, #183735)
- Cypress Orchard color palette (#CDFCFF, #6BBEA6, #007654, #00402D, #000F08)
- Weathered Lagoon Workshop color palette (#F7F6E6, #86C4AB, #00929A, #7F5753, #273D00)
- Chalky Plum Market color palette (#C5E8E7, #2E9060, #A64486, #96263E, #001818)
- Timeworn Cobalt Summit color palette (#F7EFF5, #AACEDD, #3284B4, #005E3F, #121E3F)
Browse the whole catalog at Explore, or see today's palette.