Patina Petrol color palette — #E8F4FD · #81BCDE · #C78C71 · #3A799C · #452439

A conversation between Slate and Camel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E8F4FD): bright and airy, almost weightless.
• Sky (#81BCDE): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C78C71): A luminous, balanced orange — the color of autumn markets.
• Slate (#3A799C): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#452439): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Patina Petrol 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 Cypress color palette (#E0F7FA, #86C1B2, #C58B89, #288270, #412640)
• Antique Cobalt color palette (#EAF3FE, #95B4E8, #AF9B5B, #4F71AC, #143A24)
• Petrol Meadow color palette (#ECF7FF, #7FB8D7, #B587AE, #007DA9, #61405C)
• Washed Cerulean Chapel color palette (#E5F4FF, #D8D6E4, #B0A39B, #6191A0, #343F4C)
• Dusty Amber Orchard color palette (#E5F4FF, #66A5C6, #BB7C5D, #90734A, #142A38)
• Aged Azure Corridor color palette (#EAF9F3, #9FD1BE, #DEA185, #0097D2, #534B47)
• Timeworn Archive color palette (#EAF5ED, #A5C3B5, #6E8B76, #6D4D5A, #1B312C)
• Worn Petrol color palette (#EEF2F9, #A8CEB8, #516180, #243149, #0E141E)

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