Cocoa Station color palette — #F3DCC7 · #6D3A00 · #003414 · #001220 · #030003

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

The five colors

• Parchment (#F3DCC7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6D3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003414): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001220): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Station 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 Terrace color palette (#FFE3F0, #733700, #00322F, #00142C, #0B0020)
• Inked Garnet color palette (#F7DFD4, #8D0408, #2B2C00, #001414, #01000A)
• Lowlit Onyx color palette (#F2E9CC, #4E4C00, #003132, #130037, #040000)
• Eclipse Basalt color palette (#EEE4D7, #363E45, #4B3000, #12160F, #080600)
• Nocturne Ridge color palette (#F8E8D2, #775A00, #433A00, #181A00, #020400)
• Dusty Drift color palette (#FEEBDB, #886800, #354900, #00243A, #1A0114)
• Quiet Veranda color palette (#FAE8D5, #F72B17, #A16000, #4A4A00, #020100)
• Charred Summit color palette (#F9E6DC, #B03900, #004353, #000A47, #000009)

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