Patina Petrol color palette — #ECF4F1 · #E2D5D9 · #D1B6C9 · #0074A2 · #162A22

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E2D5D9): bright and airy, almost weightless.
• Rosewood Mist (#D1B6C9): A luminous, dusty pink — the color of peonies in June.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#162A22): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Antique Balcony color palette (#EDF4EE, #C6DCDB, #A2C9BD, #007A82, #172A1B)
• Dusty Station color palette (#F6F0F4, #E1D4D3, #CEB8B2, #696FAB, #342830)
• Aged Hollow color palette (#EFF6FB, #D9D8E8, #B6B9DC, #007596, #33424C)
• Denim Dune color palette (#E3EBE9, #D3C7D1, #B79AAA, #005991, #021B15)
• Weathered Azure Terrace color palette (#EFF7F3, #E2D3D0, #B9BDAE, #009FD1, #203C30)
• Softworn Cypress color palette (#F1F4E4, #72B89D, #007C72, #005666, #00281B)
• Weathered Quarry color palette (#CDE3FE, #99A0D7, #9066A0, #714D23, #343004)
• Weathered Mulberry color palette (#DBFAF1, #3487D0, #921D8A, #5A2A00, #091E00)

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