Patina Cocoa Studio color palette — #FDD7D9 · #D9A7A4 · #B5877B · #836A44 · #5B4300

Bronze takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FDD7D9): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D9A7A4): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#B5877B): A luminous, dusty orange — the color of toasted spice.
• Walnut (#836A44): A full-bodied, dusty gold — the color of old brass.
• Bronze (#5B4300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Patina Cocoa Studio 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

• Bronze Courtyard color palette (#F4E0E1, #ED957D, #BA6E3A, #626930, #264917)
• Driftwood Lagoon color palette (#FFF2EC, #E4CBB9, #B7A188, #848239, #49580F)
• Cocoa Harbor color palette (#FBD5EC, #C3B3E5, #AB82B5, #8A5A58, #6A3305)
• Wandering Rust color palette (#FFE7F2, #BE818F, #A44D49, #5E4B1F, #2D2A00)
• Ancient Taupe Station color palette (#EFF6FF, #F3CAD4, #CA9399, #417B71, #2C3C25)
• Timeworn Station color palette (#E0DEFF, #BE98B8, #A9654C, #4B611F, #2C4837)
• Hazy Bronze color palette (#F0DCC8, #C1A365, #90842E, #1E6950, #004842)
• Softworn Abyss Harbor color palette (#DEE0F4, #C9BFDE, #B99DBB, #60897D, #134C4E)

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