Patina Cocoa color palette — #FFF2ED · #B6EFE6 · #E0D8CE · #DCA3A4 · #7B401C

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#B6EFE6): A whisper-light, dusty teal — the color of sea glass.
• Bone (#E0D8CE): bright and airy, almost weightless.
• Rosewood Mist (#DCA3A4): A luminous, dusty red — the color of embers at dusk.
• Bronze (#7B401C): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Cocoa Bloom color palette (#FFF2EE, #E0DACE, #A1D2B5, #BA8EAA, #723617)
• Powdered Honey Market color palette (#FFF2E7, #E5DCB8, #FFC746, #E7835F, #552D03)
• Faded Celadon color palette (#FFF3E2, #D8F2B5, #9AEE9D, #CE9A5D, #4E4012)
• Muted Drift color palette (#FFF4E2, #DFD0A1, #C2A975, #9C8364, #403D36)
• Basalt Basin color palette (#FFEEE9, #DFD9C7, #C6CB8E, #9B75A4, #522100)
• Hazy Marigold Market color palette (#F6DBD1, #FFA665, #DA9000, #B14F42, #301100)
• Hushed Sand Courtyard color palette (#FDF3EA, #FFCC7C, #B98A60, #68625C, #282019)
• Hushed Chartreuse Quarry color palette (#BEEBEE, #5FF44A, #FABB38, #5E5953, #302A21)

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