Patina Cocoa color palette — #FDEDF6 · #D2B1BD · #A47665 · #79484B · #203124

Coffee and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FDEDF6): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#D2B1BD): A luminous, dusty rose — the color of a warm blush.
• Mocha (#A47665): A luminous, dusty orange — the color of toasted spice.
• Coffee (#79484B): A full-bodied, dusty red — the color of embers at dusk.
• Deep Forest (#203124): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Ancient Chestnut Villa color palette (#E8F6ED, #A6C3B8, #8F8256, #735027, #16322E)
• Patina Terracotta Canyon color palette (#F0F0FF, #C9BCE5, #AF6C7F, #8B3C31, #4B2000)
• Wandering Basin color palette (#FEF1F8, #D3AABE, #A4735E, #73516A, #544249)
• Timeworn Chapel color palette (#FEF3EC, #E3DBC4, #CCA58C, #9D6C61, #5D3400)
• Indigo Alley color palette (#F0F1F8, #C9BBE6, #B46D5C, #7B61A9, #1E111A)
• Wandering Atelier color palette (#FFDFEA, #B49D6B, #965B13, #772200, #1E1D00)
• Abyss Atelier color palette (#F5EFF8, #B37891, #896136, #005941, #191C2A)
• Weathered Boulevard color palette (#DDEFDC, #938652, #734C00, #512100, #0D1000)

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