Weathered Petrol Harbor color palette — #F9F4EE · #ADE1D3 · #7895CB · #0A7893 · #32375A

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Mint (#ADE1D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7895CB): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#0A7893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#32375A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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 Turquoise Bloom color palette (#FAF4EC, #BFDEC5, #37A4C2, #007E6E, #0F3F57)
• Timeworn Periwinkle Balcony color palette (#F1F7F2, #DAD5DF, #77A5F9, #007B98, #272B4C)
• Azure Workshop color palette (#FEF4E4, #8FD5F9, #2C92DF, #00717B, #092E6F)
• Wandering Petrol color palette (#E9DECE, #6BADC1, #006F9B, #004A4A, #00142B)
• Tempered Cobalt Villa color palette (#FAF4EE, #A6CFC4, #6871B8, #005F64, #433155)
• Washed Cerulean color palette (#F9F4EE, #C9EAED, #C5A5C5, #5291A1, #614A5B)
• Tempered Periwinkle Veranda color palette (#FEF1F5, #C6E4FF, #99ABFF, #009FA3, #413157)
• Wandering Meadow color palette (#F1F1D5, #8DB764, #A980CF, #558021, #402955)

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