Cocoa Field color palette — #F3DAD4 · #7D3500 · #412700 · #181000 · #010100

Rust and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F3DAD4): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#7D3500): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#412700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Field 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

• Cellar Boulevard color palette (#ECE1D4, #674400, #003979, #2B1A00, #000105)
• Garnet Harbor color palette (#FFE6ED, #970020, #4D1300, #1C0800, #030100)
• Bronze Atelier color palette (#FFE3D0, #9B5A00, #543200, #251700, #020100)
• Navy Orchard color palette (#F1E2C7, #4E3700, #002E67, #0C0072, #020100)
• Denim Villa color palette (#FFDCED, #00639C, #684D00, #0B0D06, #020100)
• Pine Pier color palette (#FFE7CB, #8A9337, #007B4D, #4E1800, #040200)
• Muted Bronze color palette (#F5E6DC, #AE7100, #685300, #313300, #101B00)
• Airy Meadow color palette (#E0E0CB, #759700, #00762A, #00432C, #00211E)

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