Cocoa Field color palette — #FFEBDF · #832E00 · #334300 · #001F0E · #030000

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

The five colors

• Cream (#FFEBDF): A whisper-light, dusty gold — the color of old brass.
• Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#334300): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001F0E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, 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

• Eclipse Cocoa color palette (#F1E0C5, #624900, #004833, #001D1F, #020100)
• Antique Archive color palette (#F6E7DB, #A06800, #573E00, #171100, #010100)
• Obsidian Market color palette (#F0DAC6, #7D4400, #2C2E00, #130014, #040000)
• Smoked Quarry color palette (#F9DFE2, #81007C, #5F2B00, #001930, #030003)
• Midnight Orchard color palette (#FADCCF, #94040B, #3F3F00, #26003D, #040000)
• Rust Basin color palette (#FDEAE0, #CB4B0B, #4C3800, #4E1600, #020100)
• Patina Cocoa Parlor color palette (#F4ECE6, #C4B8AD, #A28E75, #5F2C00, #030100)
• Antique Onyx Thicket color palette (#FEEBD2, #7D5800, #005D3C, #4E0025, #020100)

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