Petrol Harbor color palette — #DCE9E7 · #64AFBC · #00728A · #004A4B · #001721

A conversation between Teal and Cyan, giving this palette its sense of trust and stability.

The five colors

• Frost (#DCE9E7): bright and airy, almost weightless.
• Cyan (#64AFBC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A4B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Wandering Cobalt Canyon color palette (#DDEDEB, #78BCDA, #007EB2, #005766, #002139)
• Antique Basin color palette (#D9EAE9, #5B99C9, #0058A2, #00384D, #000721)
• Wandering Cerulean color palette (#FAE8F6, #00A1B5, #00506F, #003127, #00132E)
• Washed Petrol color palette (#F8E9F4, #67C7D7, #006FA0, #004029, #000016)
• Pale Cerulean Thicket color palette (#E7FAF8, #6CDBFF, #0099CA, #00707D, #003753)
• Wandering Summit color palette (#EAF9F5, #A5EAE7, #00B0BA, #008473, #004952)
• Antique Basin color palette (#C7E8D6, #857900, #007578, #4E4600, #001314)
• Pale Thicket color palette (#CCEFDB, #746700, #006C4F, #871F00, #090700)

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