Patina Cocoa color palette — #FDF3ED · #F1D3B9 · #DFA791 · #AE8879 · #643F00

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Wheat (#F1D3B9): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#DFA791): A luminous, dusty orange — the color of toasted spice.
• Caramel (#AE8879): A luminous, dusty orange — the color of toasted spice.
• Bronze (#643F00): 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

• Ancient Blush Grove color palette (#FFF1F3, #FFCCEB, #F79EB2, #C57B77, #6B3522)
• Dusty Archive color palette (#FBF5E3, #D7D3A7, #B1B169, #97875A, #3F4100)
• Dusty Stone color palette (#FFF0F9, #ECD3D0, #C8A1BA, #86728C, #33443A)
• Apricot Villa color palette (#FFEBD6, #EDC072, #E48C1B, #B66840, #38352E)
• Aged Pewter Thicket color palette (#FDEDF6, #CDB2BF, #97788A, #6A4D62, #37272D)
• Mallow Pier color palette (#FEF1F6, #CEB5F0, #CBB479, #72A889, #4A373E)
• Amber Garden color palette (#F0DEC7, #CAAF60, #BA821E, #965B29, #2D2300)
• Soft Rust Bloom color palette (#F8E3D8, #CA783B, #BA3F00, #872329, #140800)

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