Patina Cocoa color palette — #FDF3ED · #F5D2B7 · #E3A58C · #AE8875 · #693B00

Built around Bronze, softened by Melon — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Wheat (#F5D2B7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#E3A58C): A luminous, balanced orange — the color of autumn markets.
• Caramel (#AE8875): A luminous, dusty orange — the color of toasted spice.
• Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Taupe Corridor color palette (#FAF5E3, #D9D2A8, #B0B170, #97865F, #443E00)
• Patina Bronze color palette (#FFEEE5, #D1B69A, #B0714C, #6E4F4A, #332B1A)
• Chalky Bronze Terrace color palette (#F9E3D4, #BF7F4C, #AC4F00, #842A00, #140800)
• Softworn Apricot Coast color palette (#FFEBD6, #EDBF81, #E68B00, #AC6F44, #39352F)
• Hushed Field color palette (#FFF0F9, #EDD3D1, #C7A1B9, #867387, #364338)
• Hushed Courtyard color palette (#FAF5E9, #C9B973, #D389BC, #AD7273, #3C3631)
• Dusty Bronze Coast color palette (#ECE3CE, #A8A34A, #907C00, #715600, #1B1600)
• Wandering Cabin color palette (#EEF8F2, #75D1F1, #C5A6EC, #B888AB, #324139)

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