Patina Petrol color palette — #EDF4EE · #CCDCDF · #D2BCBE · #477F87 · #272E29

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#CCDCDF): bright and airy, almost weightless.
• Stone (#D2BCBE): A luminous, dusty red — the color of a theater curtain.
• Slate (#477F87): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#272E29): quiet, heavy and certain.

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

• Petrol Drift color palette (#F8EEF7, #ECD0CE, #D8B5B7, #4E6A9F, #2D202C)
• Weathered Petrol color palette (#F0F7F3, #D1DCDD, #B0C3C5, #457D8F, #3F4B44)
• Stone Corridor color palette (#F7F1E3, #98C08D, #488271, #3E5D51, #282915)
• Hushed Cobalt Corridor color palette (#CDE6DD, #007CBD, #412836, #091915, #040704)
• Muted Grove color palette (#E5F7DE, #99C4B4, #9E7986, #715A07, #36342D)
• Tempered Balcony color palette (#DAE4DE, #AE97AE, #946F81, #003D4B, #000602)
• Denim Coast color palette (#EEE6EC, #DBC5CB, #BA9B99, #434E92, #1C1219)
• Softworn Villa color palette (#FFEFDF, #00B0BF, #6264A0, #613D15, #0F281F)

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