Muted Petrol Harbor color palette — #E9F9F7 · #87C2D3 · #00799B · #00555B · #003850
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Sky (#87C2D3): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#003850): 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
- Washed Cobalt color palette (#FAEEF5, #73CAE1, #0079B2, #005349, #001348)
- Washed Garden color palette (#E4FBFA, #92BDE2, #006CCD, #00516F, #0F2E6C)
- Hushed Loft color palette (#EAF9F5, #AAD7E2, #009195, #006857, #004950)
- Dusty Denim color palette (#E1EFED, #6BA9BF, #005F81, #003D45, #002236)
- Tempered Archive color palette (#FFF2EB, #85D9F1, #0096DB, #007467, #153063)
- Powdered Sky color palette (#F4F7E8, #98E7FF, #00BBEF, #0096A2, #003850)
- Antique Navy color palette (#E0F2F1, #5886A7, #003E6C, #00202C, #00081D)
- Timeworn Mulberry Orchard color palette (#FFD7F0, #C84EA6, #0076B5, #89006C, #00314F)
Browse the whole catalog at Explore, or see today's palette.