Patina Cocoa color palette — #FFF2F0 · #EDD6C2 · #D2AA97 · #887B49 · #554600

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#EDD6C2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D2AA97): A luminous, dusty orange — the color of toasted spice.
• Walnut (#887B49): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#554600): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Driftwood color palette (#FFF2EA, #D7B79A, #9C7F46, #39603B, #003021)
• Wandering Meadow color palette (#FFF2EA, #E8C9AC, #BAA071, #4A764D, #304500)
• Weathered Stone color palette (#FFF0FC, #EEC7C0, #D8A0B2, #899D76, #45513F)
• Weathered Bronze color palette (#EBDCD0, #C29E65, #817022, #005136, #001915)
• Ancient Amber Quarry color palette (#FFF1F4, #FFB2B5, #D47E65, #6E5F00, #303700)
• Wandering Field color palette (#F5F3FF, #B9ABCD, #9580A0, #785865, #3D5040)
• Hushed Workshop color palette (#FBE6E3, #AF7156, #703F02, #1B2600, #000300)
• Basalt Market color palette (#F4F6ED, #C7E5CF, #75AB95, #428095, #313F00)

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