Petrol Harbor color palette — #F4F6EF · #CCE1E1 · #73A594 · #007C92 · #335149

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#CCE1E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#73A594): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007C92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#335149): A full-bodied, dusty teal — the color of glacier melt.

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

• Petrol Boulevard color palette (#EEEFE7, #9BBBA0, #007586, #00504C, #003441)
• Petrol Station color palette (#F4F6F0, #C7E5E9, #7D9CBF, #357794, #624961)
• Lagoon Ridge color palette (#F6F6EB, #9EDBD9, #009198, #006859, #004952)
• Aged Denim Archive color palette (#E9ECE1, #69A8C3, #005F84, #003D46, #002238)
• Timeworn Navy color palette (#EDF0E6, #5A86A6, #003E6E, #00202D, #00081E)
• Misty Navy Meadow color palette (#E6EAE0, #679B8F, #004598, #002C42, #02004C)
• Weathered Chestnut Dune color palette (#FFF2EC, #DAA48F, #B1724D, #8B4C0D, #544E48)
• Plum Lantern color palette (#FFF2EA, #C18870, #8C8E55, #A2588E, #673200)

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