Patina Petrol color palette — #FFF2ED · #D98383 · #4CA37E · #1E74AF · #39312E

Slate takes the lead with Watermelon close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#D98383): A luminous, balanced orange — the color of toasted spice.
• Fern (#4CA37E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#1E74AF): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#39312E): quiet, heavy and certain.

Feels like: Trust, Stability, Balance. 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

• Pine Meadow color palette (#FFF3E9, #BF865F, #2C8D53, #425FA4, #3B251D)
• Tempered Archive color palette (#FCF4E9, #C7A56E, #6DA99B, #5F78B7, #413C36)
• Dusty Moss Station color palette (#FFF1F0, #C988A5, #9A933A, #007E86, #462A29)
• Chalky Coral Dune color palette (#FFF0FC, #FF8D82, #52AEB8, #18818B, #2F1E2D)
• Muted Denim color palette (#FFF3E4, #DEA188, #928846, #5A5A9F, #423C37)
• Patina Parlor color palette (#FFF2EC, #D98F7C, #269478, #704892, #492A4E)
• Weathered Grape color palette (#FFF3E4, #C58700, #0096AF, #803AC0, #3C2600)
• Weathered Ultramarine Hollow color palette (#FDDEC7, #D46204, #008B7A, #0F1EF5, #361400)

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