Patina Cocoa color palette — #F0F8F1 · #B29355 · #4175A1 · #7B4222 · #593644

A conversation between Bronze and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Caramel (#B29355): A luminous, balanced gold — the color of old brass.
• Slate (#4175A1): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#7B4222): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#593644): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Weathered Petrol Coast color palette (#FDF1F6, #C78758, #1D78AB, #783D59, #4A3C54)
• Dusty Balcony color palette (#EAF9F5, #81A469, #895B9B, #76452E, #563749)
• Patina Lantern color palette (#F0F4E9, #53B282, #4D74A2, #643E53, #34240B)
• Ash Harbor color palette (#E0FDF0, #A2C7C8, #7F9CB3, #7F6B7A, #64494E)
• Lagoon Parlor color palette (#D5FFFC, #6FC1AE, #009293, #236986, #494B66)
• Washed Seafoam Quarry color palette (#F4F6EB, #A0D8A2, #9BA5DD, #B1727C, #603338)
• Airy Ultramarine Boulevard color palette (#E6FBF1, #858200, #3440D0, #583800, #2B2E00)
• Worn Turquoise Loft color palette (#F9F3F8, #D5D6ED, #5CA3C6, #4C7B5D, #465466)

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