Patina Cocoa color palette — #F8E8F1 · #9C6937 · #762900 · #510014 · #001C09

Rust takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F8E8F1): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9C6937): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#762900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#510014): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#001C09): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

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

• Muted Corridor color palette (#E2F1E2, #8B7400, #5F3D00, #441900, #151800)
• Hushed Bronze Field color palette (#F7E5DA, #AE5500, #712B00, #440B00, #0B0400)
• Terracotta Terrace color palette (#F5D8E7, #AF7C38, #893C00, #651419, #092B19)
• Ancient Bronze color palette (#FFE2D0, #CC9061, #B6623F, #87433F, #211200)
• Soft Garnet Workshop color palette (#CBF6EF, #13630A, #7E003A, #4F0A00, #011200)
• Bronze Corridor color palette (#FFF0F7, #C0A179, #996442, #71433F, #2F4237)
• Inked Study color palette (#DDF7E7, #536100, #342B00, #1B0D00, #000504)
• Antique Bronze color palette (#D1EBEB, #B1650F, #002F1F, #14181F, #000D06)

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