Worn Petrol Harbor color palette — #ECF9F0 · #70BDCD · #C3887A · #008193 · #763A18

Teal and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Cyan (#70BDCD): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#C3887A): A luminous, dusty orange — the color of autumn markets.
• Teal (#008193): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#763A18): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Antique Petrol color palette (#E5FBF4, #8DB5D7, #BC8E62, #3878A9, #524C46)
• Cypress Coast color palette (#F2F7EC, #84BFA3, #BB87A0, #378364, #664241)
• Aged Drift color palette (#ECF7FE, #95CEE7, #E49A9F, #2F99C0, #6B3E42)
• Gentle Courtyard color palette (#DCFEF0, #29B0EC, #A65900, #00648B, #592E00)
• Timeworn Turquoise color palette (#E6FBEF, #4CA5BE, #AA769A, #807749, #32483C)
• Sunlit Denim Cabin color palette (#FFF0FA, #919ADB, #9C8937, #575DA6, #4C4215)
• Wandering Driftwood Pier color palette (#ECF9F1, #C1DDEF, #EEC2CA, #749277, #40564E)
• Worn Bronze Archive color palette (#FFF3E6, #C8B597, #A4763C, #844F1E, #5A4400)

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