Patina Cocoa color palette — #FFF2EB · #DEDACC · #EAB3AD · #9EB3B3 · #733D0D

Bronze and Rose Quartz set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDACC): a clean, paper-quiet neutral.
• Rose Quartz (#EAB3AD): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#9EB3B3): A luminous, dusty teal — the color of glacier melt.
• Bronze (#733D0D): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Dusty Chestnut color palette (#FCF4E8, #DCE2C9, #BECFDD, #D5B893, #684D00)
• Ancient Chestnut color palette (#FFF2ED, #E0DCCD, #B9CBA8, #AF8689, #7C441A)
• Ancient Bronze color palette (#FBF4E7, #DAE4BF, #BEAE77, #997332, #4C3E00)
• Wandering Quarry color palette (#FFD7BB, #DDAC7C, #B47E00, #711E00, #030100)
• Timeworn Study color palette (#FFECC9, #C8F8EC, #BDD2ED, #5B3D00, #242019)
• Antique Driftwood Studio color palette (#FCF4EA, #DEDFCB, #A87C4A, #633C00, #211A11)
• Bone Harbor color palette (#FEEBFA, #C8E9CF, #E8D2D2, #9A86A1, #44343E)
• Mint Thicket color palette (#F6F6EA, #ACD189, #51C0D2, #5886B2, #32322B)

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