Patina Cocoa color palette — #F3F2EA · #B0B799 · #468275 · #764544 · #252A10

Coffee takes the lead with Fern close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Cream (#F3F2EA): bright and airy, almost weightless.
• Sage (#B0B799): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#468275): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#764544): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#252A10): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 Cabin color palette (#F5F1EB, #CCC3A8, #748B65, #805815, #33312A)
• Pine Thicket color palette (#F8F1E0, #9AB181, #008048, #574C00, #162600)
• Taupe Canyon color palette (#EDF8F5, #BAE6F0, #7FAB85, #5D8067, #1B403A)
• Hushed Lagoon color palette (#E9FAF3, #A8D1AB, #3BA48A, #826783, #2E4846)
• Wandering Cocoa Terrace color palette (#E4E7D4, #43A98E, #00686C, #6B2400, #001B14)
• Ancient Plum Archive color palette (#F1F5DD, #6B9C6A, #9F63B2, #954990, #1E2100)
• Weathered Lagoon Coast color palette (#E1E1CE, #3F8968, #004F4B, #183200, #000B05)
• Olive Villa color palette (#EFE2CA, #A7AA63, #68881F, #005D1E, #003A28)

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