Patina Petrol color palette — #F0F8EF · #BA986B · #6D9060 · #31699B · #3A2C3A

Peacock takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Camel (#BA986B): A luminous, dusty gold — the color of honey in a jar.
• Fern (#6D9060): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#31699B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3A2C3A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Petrol Bloom color palette (#ECF9F1, #BBB380, #639A7D, #007688, #5E3247)
• Aged Cypress Canyon color palette (#FAF2F8, #D7998C, #9F8650, #007578, #333042)
• Antique Petrol Villa color palette (#EAF9F6, #92B67E, #359386, #68619D, #46303A)
• Aged Delta color palette (#ECFAED, #E3B0A1, #9F9260, #636A9F, #57404A)
• Dusty Taupe Quarry color palette (#EAF5EA, #B99561, #465E54, #2E3C2E, #271F23)
• Patina Grape color palette (#EAF9F7, #62A363, #008494, #7A3F97, #192E1B)
• Hazy Aubergine color palette (#E6FBF2, #878D29, #007E73, #56338E, #311424)
• Wandering Apricot color palette (#FFF2EB, #FFA385, #48A6AB, #27767A, #332228)

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