Muted Petrol Harbor color palette — #E9EADF · #85BECC · #007794 · #004B4F · #001925
A conversation between Teal and Forest, giving this palette its sense of 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 (#007794): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- 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 Harbor 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 Market color palette (#F6EBF2, #79BDCD, #00709E, #005144, #102D55)
- Cobalt Harbor color palette (#F1F3E9, #ADD1BF, #0086BA, #005967, #00233A)
- Misty Studio color palette (#E6EBDE, #95B7D8, #0066D3, #004764, #071333)
- Patina Denim Market color palette (#E0E3D8, #6EA3C5, #005C94, #003746, #000B1D)
- Wandering Basin color palette (#E3E7D6, #4C809A, #004062, #001E26, #000104)
- Misty Thicket color palette (#FFDEDB, #F1AEB8, #E4857C, #7D416B, #2E0B07)
- Terracotta Grove color palette (#F8E8DD, #AD7954, #893A00, #591600, #180A00)
- Tempered Aubergine color palette (#FFE1DE, #AF366E, #8A4D00, #4F319E, #1C000C)
Browse the whole catalog at Explore, or see today's palette.