Patina Cocoa color palette — #FDF3EB · #EAD6BC · #D0AE96 · #B38679 · #584600

A conversation between Deep Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Wheat (#EAD6BC): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D0AE96): A luminous, dusty gold — the color of old brass.
• Caramel (#B38679): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584600): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Worn Pewter color palette (#FDF1F7, #E0C1CB, #B78DA2, #98665A, #3B4D3E)
• Aged Amber color palette (#F0F8EF, #8DD2CC, #AFB0EA, #CA876C, #354133)
• Sunlit Harbor color palette (#FEEBD5, #D0CA96, #CF984B, #C65B36, #2A3C15)
• Weathered Lantern color palette (#FDECF5, #D5B68A, #A37762, #625164, #203028)
• Olive Orchard color palette (#F7EFD6, #8BAA79, #878000, #7C4F00, #001C10)
• Gentle Bronze color palette (#E7DDCD, #B2B783, #AD8836, #A84D00, #0C2C07)
• Garnet Atelier color palette (#F6E0CD, #987D35, #8D4D00, #761213, #030400)
• Aged Teal Alley color palette (#F2F7EF, #F9D5C7, #69AE9F, #3D7A6D, #282D25)

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