Cocoa Field color palette — #FCE7E4 · #813B00 · #3B2900 · #151200 · #010200

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

The five colors

• Rose Water (#FCE7E4): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#813B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3B2900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#151200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010200): quiet, heavy and certain.

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 Quarry color palette (#F1E3CD, #53570D, #372700, #1C0700, #000200)
• Lowlit Delta color palette (#F3EADD, #634600, #2A11A3, #2A1B00, #01000A)
• Dusty Bronze Field color palette (#FFE2CE, #975F00, #553A00, #1D1700, #010100)
• Deep Studio color palette (#F4D6E5, #8D0034, #530105, #1B0800, #020100)
• Pale Amber Chapel color palette (#FAE2D3, #B97B00, #645D00, #303D00, #001809)
• Lowlit Bloom color palette (#EBE0D0, #4C3800, #320086, #330041, #020100)
• Eclipse Lagoon color palette (#F4E0F4, #6F00E1, #5D5300, #0A0E07, #010100)
• Weathered Bloom color palette (#F5E3C8, #81966C, #007373, #501400, #040300)

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