Cocoa Studio color palette — #FFE9CF · #6A4500 · #414B45 · #171C15 · #080500

Bronze and Parchment set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#FFE9CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#414B45): a grounded near-black with real depth.
• Ink (#171C15): a grounded near-black with real depth.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cocoa Studio 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

• Softworn Bronze color palette (#F8EDD5, #A38400, #625600, #232100, #020200)
• Obsidian Basalt color palette (#D9EBD9, #4F3300, #2F291A, #141911, #0D0700)
• Mustard Workshop color palette (#FAF5E9, #C1AE5F, #655300, #2F2A20, #130F08)
• Weathered Corridor color palette (#FDF6D3, #8A9D00, #2F431C, #1A1500, #020100)
• Midnight Bronze color palette (#ECDCCA, #925D00, #363400, #1C1D12, #0D0500)
• Deep Pine color palette (#E5ECD3, #007336, #2B3439, #00170E, #010100)
• Weathered Olive color palette (#E9F1D8, #5D7100, #006660, #673200, #010100)
• Olive Terrace color palette (#E6E1CD, #828400, #007582, #3E3F00, #000102)

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