Cocoa Field color palette — #DBEEDE · #A19766 · #7A5F28 · #633800 · #15382C

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DBEEDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#A19766): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7A5F28): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#633800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#15382C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Chestnut Archive color palette (#D3E7D5, #9D9D5C, #835D00, #5F2F16, #001D19)
• Antique Dune color palette (#F7E1EC, #B48898, #8D532F, #6E2D20, #203724)
• Softworn Studio color palette (#E7FBF0, #89B1A3, #787545, #664E09, #26443E)
• Weathered Bronze color palette (#F1E6D7, #B1B378, #A57700, #854828, #30312A)
• Weathered Olive color palette (#D8EADE, #7A7A3A, #534400, #382300, #111900)
• Antique Lantern color palette (#F6E5CC, #CFC283, #BC9850, #7F7872, #32302A)
• Driftwood Workshop color palette (#FFF1F5, #A9BFAC, #9A7955, #765065, #3A4D42)
• Weathered Garden color palette (#F1DEE8, #8B5B30, #5E2400, #3C0101, #130900)

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