Petrol Harbor color palette — #EDF4EF · #CBD9DA · #C3B0C5 · #007181 · #19231C

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

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#CBD9DA): bright and airy, almost weightless.
• Ash (#C3B0C5): A luminous, dusty pink — the color of peonies in June.
• Teal (#007181): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#19231C): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Market color palette (#F0F3EC, #C9DBD4, #A4BFA9, #007752, #1E221A)
• Ancient Cypress color palette (#EDF7FB, #D4D9EB, #AAB3C9, #007278, #2E3D42)
• Aged Quarry color palette (#F6EFF6, #E5CBDD, #C59EB0, #0059AF, #201621)
• Aged Market color palette (#F1F7F2, #D0E0E1, #BDBCAA, #2E9BA2, #2A302A)
• Ancient Cocoa Summit color palette (#DDF4E8, #84A4CE, #716A99, #6E3905, #372609)
• Hushed Field color palette (#E1E9E4, #A1B9B1, #9D849B, #004C5F, #000F07)
• Dusty Pine color palette (#F4F3E3, #87AB85, #00784F, #354E34, #1C1E09)
• Twilit Petrol color palette (#D0EAE1, #006C9E, #132347, #00100B, #010301)

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