Cocoa Field color palette — #F1E9D8 · #584800 · #002E42 · #270007 · #040000
Built around Deep Olive, softened by Ink — the whole palette hums with nature and growth.
The five colors
- Parchment (#F1E9D8): A whisper-light, dusty gold — the color of honey in a jar.
- Deep Olive (#584800): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#270007): A deep, shadowed, dusty red — the color of embers at dusk.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
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
- Obsidian Cocoa Cabin color palette (#FEECDB, #6C3B00, #00322C, #19002F, #040002)
- Charred Forest color palette (#E4E7D0, #165A01, #00322F, #001624, #0C0700)
- Inked Aubergine Parlor color palette (#EAEFD5, #005A18, #2B0075, #1D0A00, #030100)
- Smoked Spruce color palette (#EEF0D6, #4E595C, #154200, #152021, #000906)
- Washed Olive color palette (#F9E8CF, #686E00, #114200, #291C00, #030300)
- Tempered Boulevard color palette (#EBE1C2, #547045, #00504A, #460528, #1F0002)
- Pine Drift color palette (#CCEBE8, #007D29, #004548, #001530, #010100)
- Antique Chapel color palette (#CDF3E5, #616E00, #004388, #420048, #170004)
Browse the whole catalog at Explore, or see today's palette.