Patina Cocoa color palette — #F1ECE3 · #BEB8AB · #998E65 · #564100 · #271E0D

Deep Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1ECE3): bright and airy, almost weightless.
• Stone (#BEB8AB): a calm mid-gray that lets other colors speak.
• Caramel (#998E65): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#564100): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#271E0D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Drift color palette (#EEEBE0, #ADAA94, #86833A, #3A3A00, #181406)
• Worn Forest Archive color palette (#ECF0E9, #C7CFC2, #90A98B, #006548, #2B3024)
• Washed Chestnut Lagoon color palette (#E9F3EA, #AECCBE, #8DACA6, #7F5800, #172318)
• Weathered Dune color palette (#EAE1C7, #C19900, #837D00, #446900, #181B00)
• Dusty Forest Dune color palette (#E1E5D7, #6E975D, #076739, #003E4E, #182140)
• Aged Pine color palette (#F4F7ED, #CBE1D3, #ADC59F, #237D4B, #3A4600)
• Dusty Fern color palette (#EDEAD4, #506000, #004131, #00242D, #1C0E00)
• Antique Basalt Balcony color palette (#ECE8DE, #BEB9A3, #92906E, #4B4600, #251F0B)

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