Patina Petrol Pier color palette — #EFF7F5 · #9ECBBF · #A3697C · #2D71AB · #3C2825

Built around Slate, softened by Mocha — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Stone (#9ECBBF): A luminous, dusty teal — the color of sea glass.
• Mocha (#A3697C): A full-bodied, dusty rose — the color of a warm blush.
• Slate (#2D71AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3C2825): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Patina Petrol Pier 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

• Hushed Petrol Terrace color palette (#F1F7F2, #8CCDD4, #7976AA, #007C85, #392832)
• Indigo Basin color palette (#FAF3F7, #B9BCE8, #A9686A, #635FBB, #392A25)
• Washed Violet Harbor color palette (#EFF2F8, #B6C1EF, #9E69B9, #606CAC, #151420)
• Worn Loft color palette (#F9F3F7, #C6CEFB, #C081C6, #7F87C1, #372A2C)
• Tempered Forest color palette (#F6F6E7, #94A7D1, #8C698F, #366545, #593E4D)
• Cobalt Archive color palette (#F9F3F7, #E0D8D7, #ADADA0, #767DB3, #575055)
• Tempered Mulberry color palette (#FEF0FF, #D9B3CB, #9378A8, #7F3C75, #70273F)
• Weathered Chapel color palette (#FDF1F7, #8783B2, #914A53, #415C23, #1D3831)

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