Patina Cocoa color palette — #EBFAEE · #85D3DF · #DC9F9B · #489AA6 · #77391F

Bronze and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Ice Blue (#85D3DF): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#DC9F9B): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#489AA6): A luminous, balanced blue — the color of deep harbor water.
• Bronze (#77391F): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Patina Lagoon color palette (#F3F7EC, #9FD2B5, #D1A0BF, #5A9D7A, #684143)
• Ancient Cerulean color palette (#FDF1FD, #A8C7F0, #CEAB76, #638EC9, #514C46)
• Timeworn Petrol Bloom color palette (#ECF9ED, #78BDC3, #CA8472, #00828A, #534B47)
• Turquoise Study color palette (#EAF8FE, #8BE5F9, #FFAEAB, #42BAD2, #5D435B)
• Worn Taupe color palette (#E6FCED, #71BFD1, #C194B7, #A29254, #34483B)
• Patina Bronze color palette (#FEF3E8, #DBC7AB, #AF977E, #9E6539, #5B4400)
• Powdered Amber Veranda color palette (#DAFFEE, #5ECEFF, #D46800, #0083AD, #5D2A00)
• Wandering Petal Workshop color palette (#E7FBED, #FBD3F0, #BEE8EB, #95B191, #43554C)

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