Petrol Harbor color palette — #EDF4EE · #CFDFF4 · #7BA2BA · #42747D · #253848

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#CFDFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7BA2BA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#42747D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#253848): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns 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

• Aged Basin color palette (#E3F5FF, #D5D7E5, #C3BBDB, #658B97, #2E3C46)
• Washed Turquoise color palette (#E0EBE2, #39AEB9, #006277, #003A31, #000D16)
• Aqua Field color palette (#C6F7FF, #4FC9C8, #0C91A0, #246778, #233B4A)
• Tempered Aqua color palette (#E2F5FF, #47C6DE, #C88B78, #1A7F91, #402839)
• Cypress Summit color palette (#FBF3F0, #CCE7E3, #75A591, #3F7C6A, #5F4A61)
• Cobalt Bloom color palette (#E3ECE4, #86BAE2, #2E6ABB, #004958, #0D1231)
• Patina Cerulean color palette (#DBE7DD, #1485A1, #00415D, #001F1F, #000104)
• Washed Turquoise Parlor color palette (#E3F5FF, #00ADD2, #B0799D, #827943, #192A32)

Browse the whole catalog at Explore, or see today's palette.