Patina Cocoa color palette — #FFF2EB · #E7AE73 · #84341E · #320700 · #030100

A conversation between Rust and Sand, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#E7AE73): A luminous, balanced gold — the color of old brass.
• Rust (#84341E): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#320700): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Timeworn Mulberry Basin color palette (#FFF1F0, #F4A57C, #7C3357, #33001C, #040000)
• Washed Drift color palette (#FFF2EA, #F6C68D, #954D26, #3C1F08, #090200)
• Weathered Rust Ridge color palette (#EFD9CF, #C0BC77, #C04F4A, #811F20, #1A0400)
• Wandering Amber Summit color palette (#FEEADA, #CD9645, #5D2D00, #1D251F, #110400)
• Garnet Lagoon color palette (#F3E4F1, #999036, #70000F, #2B0002, #050004)
• Mustard Chapel color palette (#FFF3E2, #E0B542, #917C00, #4B4B00, #141900)
• Patina Marigold color palette (#FFF4DE, #C99A00, #716F00, #004A41, #181200)
• Dusty Olive color palette (#FCF6DB, #EFD87E, #6A7200, #2E3200, #0A0700)

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