Patina Cocoa color palette — #FDF4E7 · #E8D9A8 · #CAB190 · #A28E7B · #574600

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

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Wheat (#E8D9A8): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#CAB190): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A28E7B): A luminous, dusty gold — the color of old brass.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

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

• Softworn Loft color palette (#EAF6EA, #AAC2B0, #6E8C70, #70512D, #1F3126)
• Wandering Mustard color palette (#FCE2CF, #EBB67E, #CA8E6A, #9A6D62, #34302A)
• Dusty Powder color palette (#FDF1FA, #AAC0FF, #DFAA7D, #A19B72, #473844)
• Tempered Stone Ridge color palette (#ECFAEC, #B9E8E4, #98B899, #8F6F80, #2C453D)
• Airy Mustard Archive color palette (#FCEDCB, #C5D268, #B8A527, #987B43, #36362F)
• Washed Moss color palette (#EFE1C3, #A39000, #8B6800, #6D4100, #0B0D00)
• Tempered Garnet Terrace color palette (#FFF0F8, #EACCFF, #D7A6D1, #AC7994, #6D3442)
• Washed Ash color palette (#FAF2F9, #F4DBA6, #859FCD, #7C647A, #30292F)

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