Petrol Harbor color palette — #FFF2EB · #54C8E7 · #0075AD · #00574D · #122F67

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cyan (#54C8E7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Navy (#122F67): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Washed Forest color palette (#FFF2EB, #78C8C2, #007C8C, #005A2C, #00384F)
• Aqua Field color palette (#DDF8F5, #5CCCEB, #007DA2, #005058, #001D2C)
• Powdered Sapphire Hollow color palette (#FFF3E6, #79BFFA, #3A5FE0, #00545F, #332762)
• Antique Cerulean color palette (#F4F8E0, #60DDFE, #009AC5, #00717A, #003850)
• Washed Cobalt color palette (#FEF2ED, #ADCEB8, #0082B4, #006151, #4A304B)
• Antique Denim Villa color palette (#F6EBE4, #6FA8BD, #005B92, #003E3A, #0B1A4A)
• Pale Bloom color palette (#E9FAED, #96E8FF, #16B9F8, #009895, #00355C)
• Wandering Periwinkle color palette (#FAF4EF, #C5ECEC, #719DCB, #3E7A77, #614A5C)

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