Patina Petrol Harbor color palette — #DFEDE5 · #4CA1A7 · #426899 · #5B3648 · #4E2C0E

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

The five colors

• Honeydew (#DFEDE5): bright and airy, almost weightless.
• Storm Blue (#4CA1A7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#426899): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5B3648): A deep, shadowed, dusty rose — the color of strawberry cream.
• Espresso (#4E2C0E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Patina 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 Drift color palette (#D0F6E4, #5B9FB3, #496595, #624208, #2F3908)
• Cypress Corridor color palette (#D6F7E1, #86A681, #007678, #723747, #562E26)
• Patina Courtyard color palette (#CBF0EF, #3E7E9F, #4D3C80, #352800, #001F17)
• Timeworn Lagoon color palette (#D7EEF3, #7EB7CE, #5F82A1, #634E75, #482747)
• Ancient Ridge color palette (#DAEEEB, #76BDCA, #7A9BBB, #916A63, #552300)
• Linen Bronze Station color palette (#CAE2F3, #008AB9, #A74C00, #00506D, #451B00)
• Turquoise Workshop color palette (#D3E7E4, #00A5B7, #00627F, #004667, #1A2D5A)
• Worn Ash color palette (#E9F8FF, #B3C2D8, #9190AB, #59756C, #3D5257)

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