Patina Cocoa color palette — #FFF2EA · #E3A179 · #A56345 · #712F1F · #1F0E00

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#E3A179): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#A56345): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#712F1F): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1F0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Timeworn Bronze color palette (#FFF4DF, #BDB47A, #8D7419, #5B4100, #141300)
• Antique Driftwood color palette (#FFF3E9, #E2C0A0, #B47B54, #7F472E, #2E1E0A)
• Cocoa Garden color palette (#F6DAC5, #97663D, #602A00, #260700, #020100)
• Chestnut Station color palette (#F9E1C9, #BC9154, #865209, #4E2500, #060300)
• Powdered Terracotta color palette (#FCE5F3, #AF7946, #903200, #581420, #001305)
• Pine Garden color palette (#FAF5E3, #BFC256, #328C34, #676800, #010100)
• Ultramarine Alley color palette (#FFF2EC, #D65440, #2A4DC0, #531A74, #0D0004)
• Linen Studio color palette (#E3FFD5, #7BD27D, #00914E, #004F38, #001610)

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