Patina Field color palette — #FFF2EF · #EB94A9 · #B57E55 · #6A6D3E · #5B363D

A conversation between Ballet Pink and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#EB94A9): A luminous, balanced red — the color of late-summer berries.
• Caramel (#B57E55): A luminous, balanced gold — the color of old brass.
• Olive (#6A6D3E): A full-bodied, dusty green — the color of a quiet forest floor.
• Cocoa (#5B363D): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Patina 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

• Mallow Alley color palette (#FFF1F3, #D597DC, #B77881, #855F45, #533850)
• Worn Loft color palette (#FEF2F0, #C48198, #836D3C, #206052, #533750)
• Patina Apricot color palette (#FCF3EC, #E89E63, #91914C, #676A63, #593931)
• Timeworn Amber Parlor color palette (#FFF2EC, #FFB0A3, #CF846B, #97664E, #58524D)
• Blush Terrace color palette (#FFEDE9, #E17585, #834429, #413531, #27201E)
• Patina Quarry color palette (#FFF2EE, #F7CDB6, #C2A996, #95853C, #545500)
• Quiet Studio color palette (#FFF2EC, #FF5E43, #9B6E00, #3F6100, #521041)
• Washed Alley color palette (#F9F2FD, #F1B3C8, #BDA773, #429885, #304361)

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