Cellar Cocoa Field color palette — #F7E3D0 · #5B3500 · #003756 · #1C1743 · #040100

A conversation between Cocoa and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F7E3D0): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5B3500): A deep, shadowed, balanced gold — the color of old brass.
• Navy (#003756): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#1C1743): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

One click turns Cellar 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

• Navy Bloom color palette (#ECDFC1, #503C00, #002B79, #150072, #030200)
• Twilit Garnet color palette (#FFDBDA, #7B001B, #003C3C, #062231, #070000)
• Eclipse Delta color palette (#D9ECE2, #7C5600, #292832, #171500, #030200)
• Obsidian Onyx color palette (#EFDACB, #5B2E00, #293700, #440028, #030100)
• Aubergine Atelier color palette (#DCEBD6, #245B00, #5B008C, #500059, #020A00)
• Nightshade Workshop color palette (#EFEFD6, #625D00, #422CB8, #521480, #141200)
• Garnet Summit color palette (#F4D7E2, #A38E42, #367642, #650406, #181000)
• Hushed Garden color palette (#EDECFF, #007FA8, #7A6000, #0A0D05, #000201)

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