Patina Petrol Harbor color palette — #EAF5EC · #86C9CA · #008092 · #005342 · #001E29

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

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Mint Leaf (#86C9CA): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#008092): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005342): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001E29): 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 Patina 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

• Ancient Petrol color palette (#E4EBE5, #9BB7CF, #356BB1, #004957, #0A0F3A)
• Pale Chapel color palette (#FFF2EE, #4ECDCE, #007999, #005A21, #003363)
• Ancient Cobalt Study color palette (#ECF4ED, #AFD6F0, #3789C7, #006169, #08234E)
• Denim Dune color palette (#E6F1E8, #60AAB0, #006377, #003A31, #000D15)
• Cerulean Balcony color palette (#FEF4E4, #68E0E3, #009DB3, #00755D, #00394B)
• Softworn Ridge color palette (#DEE9E0, #547F95, #00415C, #001F1F, #000104)
• Misty Pine color palette (#FCF1FC, #B7FDFF, #00A9D8, #007836, #00244D)
• Moss Archive color palette (#E2E2CE, #789300, #316900, #004A12, #001E10)

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