Obsidian Cocoa color palette — #FFEBDF · #743F00 · #412A00 · #181100 · #020200
Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFEBDF): A whisper-light, dusty gold — the color of old brass.
- Bronze (#743F00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#412A00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#020200): a grounded near-black with real depth.
Feels like: 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
- Fern Workshop color palette (#E2DFCE, #505100, #293300, #041600, #000200)
- Twilit Nightshade color palette (#ECE3D6, #624700, #1820A0, #291C00, #00000B)
- Wandering Bronze color palette (#ECDFD0, #A17600, #665500, #393900, #121800)
- Twilit Onyx color palette (#F1E6CB, #4A3900, #003840, #3E003C, #020100)
- Garnet Workshop color palette (#F8E1E7, #91002C, #600107, #250600, #050100)
- Pine Canyon color palette (#EFE7D3, #8C8F15, #07822E, #412500, #020200)
- Velvet Denim color palette (#FAEAF2, #006690, #4D5900, #0A0D07, #020100)
- Powdered Amber color palette (#F8DFCB, #CB8A00, #806400, #534700, #282900)
Browse the whole catalog at Explore, or see today's palette.