Petrol Harbor color palette — #F2F5FF · #EFC6F6 · #D4867F · #177B9D · #0A5068

Cerulean takes the lead with Coral Clay close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Thistle (#EFC6F6): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#D4867F): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#177B9D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#0A5068): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Timeworn Villa color palette (#EFF6FF, #EACBFF, #DC8D95, #448777, #0F4A3E)
• Marigold Delta color palette (#F8F2FF, #FFC2D4, #CA9B4F, #497197, #284B6C)
• Wandering Archive color palette (#F3F4FF, #C78FB3, #A06A5B, #196C72, #005579)
• Worn Amber color palette (#F4F4FF, #E6B2C9, #B4774A, #195B70, #123727)
• Hushed Atelier color palette (#FFDDFB, #F7B6C7, #DE9A88, #71987A, #23515B)
• Driftwood Grove color palette (#FFF1F4, #E8D8C8, #C7AF8E, #97768F, #563E50)
• Linen Moss color palette (#FFF0F7, #F7AF97, #9A8F00, #505596, #2F3262)
• Frosted Villa color palette (#E5DAFF, #DB96B0, #986E32, #163F70, #210B23)

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