Muted Petrol color palette — #E9EADF · #85BECC · #007695 · #004A4F · #001925
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Ash (#85BECC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A4F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001925): 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
- Petrol Balcony color palette (#F5EBF1, #8CB9CE, #0070A0, #005145, #142D53)
- Tempered Coast color palette (#F1F3E9, #ABD2BF, #1285B9, #005968, #00233B)
- Denim Delta color palette (#EDF0E5, #73A3C2, #005C96, #003747, #000A1E)
- Abyss Lantern color palette (#E4E6DD, #4480A0, #003F62, #001E26, #000104)
- Fern Summit color palette (#EFE9D4, #828D4F, #5A5900, #393100, #110F00)
- Faded Mulberry color palette (#FFE6D6, #AC4800, #606400, #850069, #180500)
- Faded Amethyst Atelier color palette (#F6DDD1, #C05E49, #784FBD, #821700, #190036)
- Dusty Quarry color palette (#F8E1D3, #CF804E, #8E4200, #431D00, #0B0200)
Browse the whole catalog at Explore, or see today's palette.