Cocoa Field color palette — #F8DEC4 · #643900 · #1A2119 · #100D00 · #040100
Bronze and Peach Cream set the tone — five colors that lean into optimism and sophistication.
The five colors
- Peach Cream (#F8DEC4): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#643900): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#1A2119): quiet, heavy and certain.
- Ink (#100D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#040100): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Washed Bronze color palette (#FFECE0, #946000, #5B4800, #252900, #020A00)
- Velvet Onyx color palette (#FFE9D3, #495D5D, #452500, #191D15, #040400)
- Obsidian Garnet Study color palette (#F1D9D2, #840025, #1C1D14, #1A0700, #060000)
- Smoked Studio color palette (#F2F1D4, #3A5F00, #374345, #001E14, #030300)
- Muted Olive color palette (#DAEFD7, #229010, #004238, #1B1D01, #0A0700)
- Moss Boulevard color palette (#E9E6CE, #849C00, #45550C, #2F2E27, #1C1810)
- Olive Field color palette (#F1E3CE, #757C00, #175400, #451836, #060600)
- Timeworn Nightshade color palette (#E6E4D1, #655800, #341BCF, #511D78, #020200)
Browse the whole catalog at Explore, or see today's palette.