Patina Cocoa color palette — #FBF4EA · #D4C9B4 · #B09771 · #8D6E45 · #5A4400

Deep Olive and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Oat (#D4C9B4): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B09771): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8D6E45): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Antique Hollow color palette (#FFF3E3, #D0BB94, #A68B5A, #87602E, #403D36)
• Softworn Quarry color palette (#EADDBA, #A7AB5B, #857A00, #645100, #252D00)
• Tempered Chestnut Studio color palette (#F6EBE0, #A88650, #865400, #5C3000, #1E1400)
• Bronze Market color palette (#FFEADC, #BD9579, #A65B31, #7E3219, #371D00)
• Tempered Stone Workshop color palette (#ECF9EE, #B9EAE4, #96B89D, #698269, #34443B)
• Tempered Olive color palette (#F1E5CB, #77712E, #524400, #2F2200, #030400)
• Washed Terrace color palette (#F4F6EE, #7BBA94, #B06D5C, #835C17, #37362F)
• Bronze Balcony color palette (#FEF1FA, #9AA7E1, #C4869E, #A8665D, #473743)

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