Patina Cocoa color palette — #FFF2F0 · #BBF4F2 · #E1DBCF · #C5B3E1 · #7D3E25

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Honeydew (#BBF4F2): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Lavender (#C5B3E1): A luminous, dusty violet — the color of wild irises.
• Bronze (#7D3E25): A full-bodied, balanced orange — the color of toasted spice.

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

• Powder Villa color palette (#FFF1F5, #E4D9D3, #C9BCEB, #9EB5C9, #5D4646)
• Ancient Stone Bloom color palette (#FFF3E8, #C4FDFF, #C4E2CF, #E89CA5, #674600)
• Dusty Fuchsia Bloom color palette (#FFF2EE, #E1DCC7, #D0E59B, #EB80CF, #60392C)
• Softworn Canyon color palette (#F0F5FF, #B2E5FF, #FFC2C2, #7C5C51, #342D2A)
• Dusty Fern Workshop color palette (#FFF3E7, #E6D8BB, #CEB092, #B18773, #514900)
• Weathered Cocoa Workshop color palette (#FDF3EC, #EBB596, #88C6AF, #8896CD, #5D3000)
• Oat Orchard color palette (#F6EEFC, #EBD4D6, #B4DCBF, #8584A2, #443745)
• Timeworn Pewter Courtyard color palette (#FCF3EF, #E7DFB8, #BC9481, #8E5F56, #372720)

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