Cocoa Field color palette — #FFE7EF · #6A3E00 · #2B2D00 · #00190C · #170004
Bronze and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFE7EF): A whisper-light, dusty rose — the color of a warm blush.
- Bronze (#6A3E00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Forest (#2B2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#00190C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#170004): A deep, shadowed, dusty red — the color of late-summer berries.
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
- Inked Fern Villa color palette (#CFF0DE, #534B00, #003416, #001819, #110400)
- Softworn Bronze Alley color palette (#F5E0CC, #9A6500, #583D00, #2A1D00, #090F00)
- Charred Garnet Canyon color palette (#F7E5F8, #8C0030, #3F2200, #121600, #130011)
- Ancient Ember color palette (#FFE9DD, #EC4F37, #AF4D00, #643E00, #150700)
- Patina Ridge color palette (#FFE6E4, #B01D72, #4B4700, #002A3E, #150009)
- Pine Bloom color palette (#C6E7E5, #007F59, #004235, #301E00, #00140B)
- Mulberry Ridge color palette (#F0E3F8, #87004C, #1D3000, #00063B, #020006)
- Cerulean Harbor color palette (#CBE5E0, #409FA7, #00535F, #00302D, #00171E)
Browse the whole catalog at Explore, or see today's palette.