Muted Petrol Coast color palette — #F0E8DC · #68C2DB · #00749F · #004B4A · #00172D
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F0E8DC): a clean, paper-quiet neutral.
- Cyan (#68C2DB): A luminous, balanced blue — the color of deep harbor water.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00172D): 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 Coast 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
- Wandering Petrol Harbor color palette (#F6EBF2, #7DBCCE, #006FA4, #005147, #182D52)
- Aged Pier color palette (#F7F1E7, #9FD0E7, #3982B8, #005A61, #2D172D)
- Denim Boulevard color palette (#EFE7D9, #67A4CE, #1E589C, #003842, #030130)
- Ancient Lantern color palette (#E9DECB, #009CA5, #005263, #002D24, #00050A)
- Patina Parlor color palette (#FFF2EB, #B9F0FF, #3E98DE, #006C53, #161B3B)
- Patina Summit color palette (#E4F5D6, #79D7D8, #22ABD4, #386940, #0D1C05)
- Hushed Cerulean Balcony color palette (#F6F1EA, #ADEAE6, #339EAA, #336B55, #173325)
- Emerald Atelier color palette (#D9E3D2, #1D9C1C, #006C3B, #004230, #001D19)
Browse the whole catalog at Explore, or see today's palette.