Patina Cocoa color palette — #FFF2F0 · #FFC8C7 · #E6A28E · #B78762 · #6E4600

Bronze takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Shell Pink (#FFC8C7): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#E6A28E): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#B78762): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6E4600): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Muted Chapel color palette (#FFF1F3, #FFC0DF, #E8A0AC, #BE837E, #544C48)
• Dusty Cocoa color palette (#FFF3E8, #EADCB5, #DBAB83, #A77855, #573100)
• Powdered Villa color palette (#F6E1FF, #E99E9A, #C56A49, #85542C, #273C27)
• Softworn Taupe Coast color palette (#FFF2EB, #FDC7B3, #96D0F0, #D59780, #305648)
• Pale Tangerine color palette (#FFD2CD, #FFA589, #F3830E, #9F7300, #4D4200)
• Worn Apricot color palette (#FCE8E5, #F58F3D, #BE7E00, #7B5F00, #343000)
• Timeworn Cocoa color palette (#FFF3E9, #EFBB98, #8CC8E0, #93A2D7, #633500)
• Faded Veranda color palette (#FFE0C4, #E3C377, #B6AF4A, #7A9244, #304B2A)

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