Patina Petrol Field color palette — #EFF8EF · #B89B67 · #779159 · #32709E · #3E3042

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

The five colors

• Ivory (#EFF8EF): a clean, paper-quiet neutral.
• Camel (#B89B67): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#779159): A luminous, balanced green — the color of fresh herbs.
• Slate (#32709E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3E3042): 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 Field 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

• Softworn Petrol Studio color palette (#FAF2F8, #D9A19A, #8A925E, #286F9E, #60323B)
• Dusty Drift color palette (#ECF8F3, #A7AD72, #42988F, #615CA3, #402C37)
• Wandering Taupe color palette (#FBEEF2, #C0915A, #495E53, #463138, #262023)
• Pale Courtyard color palette (#E8FBEE, #A38A31, #007E73, #52369A, #311521)
• Patina Apricot color palette (#FDF1FB, #FFA098, #B1A66B, #9581B0, #3C3443)
• Dusty Dune color palette (#FFF2EC, #FFA18C, #53A7AC, #507054, #322228)
• Taupe Studio color palette (#F9F3F7, #E0D8D7, #ADAFBD, #BE8F7F, #585055)
• Wandering Aubergine Field color palette (#D6FCFF, #009A79, #006C78, #71008A, #201800)

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