Patina Cocoa Field color palette — #FFF2EB · #E8D9D4 · #FFBCA8 · #B79564 · #6B3600

Bronze and Melon set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E8D9D4): a clean, paper-quiet neutral.
• Melon (#FFBCA8): A whisper-light, balanced orange — the color of toasted spice.
• Camel (#B79564): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6B3600): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

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

• Worn Chapel color palette (#FFF1F1, #E4D0D0, #FEB5D1, #C68373, #583C38)
• Patina Sand Balcony color palette (#FDF4E9, #E5D9CE, #F1BE82, #97A162, #47433C)
• Feathered Marigold color palette (#FFF3E8, #FFC3BC, #F99821, #868000, #4F2F00)
• Worn Harbor color palette (#FFF2EC, #DEBFA2, #9E947C, #617265, #3D5154)
• Apricot Bloom color palette (#FFF2EA, #E19F67, #A97D43, #705E2E, #4A4C45)
• Hushed Marigold color palette (#FDF4E7, #D1A962, #7B9ACB, #8E6C2E, #5A4559)
• Rust Alley color palette (#FDEFE5, #C15B26, #563400, #31261F, #181510)
• Amber Orchard color palette (#FFECD9, #FF9178, #CC7D00, #636800, #312200)

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