Patina Petrol Study color palette — #FDF1F8 · #EFC0AA · #76A976 · #5664AC · #562B19

A conversation between Slate and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Wheat (#EFC0AA): A whisper-light, dusty orange — the color of toasted spice.
• Jade (#76A976): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5664AC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#562B19): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Patina Petrol Study 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 Pewter Corridor color palette (#FBF2F8, #FDB8A9, #68AA8D, #705F99, #422F50)
• Ancient Market color palette (#F8F3FD, #F2B7D8, #9D9F5E, #20739B, #472C4E)
• Hushed Teal color palette (#F8F5EC, #CACC91, #60BF95, #4B92A4, #5D3900)
• Cerulean Hollow color palette (#FAF3F5, #D9D4DE, #C9BCE7, #4F9FAD, #464C65)
• Weathered Moss color palette (#D8FFF4, #79AD00, #006EBA, #79002D, #1B1000)
• Ancient Amber color palette (#FDF3EA, #C98748, #307F74, #5A4A73, #593645)
• Weathered Mulberry color palette (#EAFAF2, #BFBF81, #109BAD, #8B337C, #322C00)
• Washed Pier color palette (#EEF8F4, #C4DCF4, #81BABF, #977B97, #324C49)

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