Patina Cocoa color palette — #FFF1F6 · #8FB19A · #8F6A45 · #764037 · #22453B

Coffee and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#8FB19A): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8F6A45): A full-bodied, dusty gold — the color of honey in a jar.
• Coffee (#764037): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#22453B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Loft color palette (#F8E1E9, #7AA286, #895625, #732620, #05392D)
• Chestnut Hollow color palette (#EAFAF0, #9DC1B7, #638B74, #785534, #314E4D)
• Worn Harbor color palette (#FDEFE2, #C1A87A, #966B3C, #68412C, #2A220F)
• Worn Amber color palette (#FFF1F5, #A7C8AC, #B88348, #825B70, #2D4336)
• Taupe Lagoon color palette (#FFF3E7, #E1CF9B, #CEA27B, #A08071, #3E3D36)
• Muted Study color palette (#FDE7F5, #C4915A, #A24D30, #801D3F, #403500)
• Rust Alley color palette (#F7F2FF, #D196B4, #AE555E, #7B4000, #4E3F00)
• Timeworn Garnet Orchard color palette (#F8E5EE, #A08250, #873D00, #670E20, #272600)

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