Muted Petrol Harbor color palette — #FDF4E6 · #7FC7C1 · #007D87 · #00583E · #003947
A conversation between Teal and Deep Olive, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
- Mint Leaf (#7FC7C1): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007D87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00583E): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003947): 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
- Forest Ridge color palette (#FEEEE9, #74CDC6, #007F97, #115605, #001B32)
- Muted Petrol Orchard color palette (#F5EDE1, #8EBDAA, #006BB5, #004E58, #172B59)
- Linen Cobalt Courtyard color palette (#FCF4E7, #9CD9EF, #0088C4, #006669, #144170)
- Tempered Cypress Atelier color palette (#F8F5EF, #CAE6E0, #6AA3B2, #1D806C, #335245)
- Weathered Bloom color palette (#EFE7DB, #8BA78B, #006370, #003F31, #002330)
- Faded Lagoon color palette (#EBFAEE, #73F2EA, #00C1D0, #009C70, #003947)
- Softworn Pine Canyon color palette (#FDF0FE, #7CDED7, #009CBA, #187810, #00355A)
- Muted Teal Study color palette (#F4FAD1, #94EAC1, #00BCBD, #596700, #004422)
Browse the whole catalog at Explore, or see today's palette.