Cocoa Field color palette — #F3E3C9 · #574200 · #18211B · #0A1000 · #030100

Deep Olive and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F3E3C9): A whisper-light, dusty gold — the color of honey in a jar.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#18211B): quiet, heavy and certain.
• Ink (#0A1000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#030100): a grounded near-black with real depth.

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

• Moonless Dune color palette (#F8E5C6, #4C5C5F, #3B2B00, #171D16, #020600)
• Eclipse Dune color palette (#DEEBE1, #745700, #132800, #1C0B04, #030200)
• Softworn Olive Coast color palette (#FBEAC9, #796C00, #434800, #072D00, #001106)
• Moonless Forest color palette (#D0E8D6, #006434, #3B464B, #001D1C, #020300)
• Patina Hollow color palette (#DDF7EB, #008D65, #004144, #002115, #080800)
• Sunlit Olive color palette (#F5ECD0, #43880A, #005337, #481926, #060600)
• Muted Alley color palette (#E4E7D2, #3DA939, #425339, #2E2F28, #1A1811)
• Powdered Grape color palette (#E3DFC9, #617200, #830BAA, #333D00, #0D0015)

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