Petrol Harbor color palette — #F0E5EB · #90BAD2 · #0071B0 · #004C46 · #071335

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

The five colors

• Rose Water (#F0E5EB): bright and airy, almost weightless.
• Ash (#90BAD2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#071335): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Balcony color palette (#F9EEF3, #A8CDE8, #487DC0, #005B5C, #191C3F)
• Petrol Bloom color palette (#E2F3F1, #6DBEDC, #00719B, #004E59, #00314D)
• Faded Corridor color palette (#F1E5E9, #75A2C6, #2B4EB2, #00383F, #0C002B)
• Periwinkle Coast color palette (#F7EFF3, #D7D1E5, #72A0D0, #387774, #2D3648)
• Muted Cerulean color palette (#F3E6F0, #2A9AA6, #00516A, #002D21, #00040E)
• Plum Quarry color palette (#E7DFF2, #AC2F89, #007140, #00575C, #10041C)
• Worn Orchard color palette (#F1DEE5, #417FA8, #00308F, #001F22, #01000A)
• Apricot Courtyard color palette (#F1E5FF, #F1B1AC, #D2974F, #6D4181, #24102C)

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