Obsidian Cocoa color palette — #F1DCC7 · #6E3F00 · #003F64 · #2F1800 · #000103

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F1DCC7): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003F64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#2F1800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

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

• Chestnut Studio color palette (#EAE3CC, #705300, #293336, #161500, #010100)
• Midnight Corridor color palette (#FFECE2, #8D1800, #00434F, #3E0600, #000102)
• Shadow Nightshade Corridor color palette (#F1E8D5, #594C00, #2C2391, #251E00, #01000A)
• Bronze Dune color palette (#ECDBC9, #935D00, #005B86, #3E2500, #000103)
• Obsidian Onyx Station color palette (#F8E0C4, #533400, #003938, #36004D, #020100)
• Smoked Fern color palette (#EEE5F4, #006B72, #5E5200, #090D07, #020100)
• Antique Lagoon color palette (#EBDED0, #A38D37, #4F7100, #562100, #030200)
• Aubergine Atelier color palette (#E2E2CA, #406900, #6C0096, #1B3100, #06000C)

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