Obsidian Cocoa color palette — #F9DECA · #394844 · #5C2800 · #17180D · #100600
Built around Espresso, softened by Parchment — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#F9DECA): A whisper-light, dusty gold — the color of honey in a jar.
- Charcoal (#394844): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#5C2800): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#17180D): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#100600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Muted Market color palette (#F6E2CF, #8F5B00, #4F3600, #2F2100, #171200)
- Shadow Fern color palette (#EBE4D0, #5C5800, #2D3A3D, #171D00, #0D0800)
- Hushed Pier color palette (#F2E5CC, #745C00, #005853, #382B00, #001312)
- Timeworn Garnet Ridge color palette (#F3E2C4, #634700, #004F1D, #600018, #0C0600)
- Washed Cabin color palette (#E3E7D6, #2A7C5A, #004233, #311D00, #00140A)
- Nocturne Cocoa color palette (#F9DEEC, #853900, #465710, #211600, #080004)
- Softworn Lagoon Harbor color palette (#DFE0D3, #549DA1, #00545D, #00302C, #00171E)
- Patina Fern Lantern color palette (#EEE6C9, #818155, #375105, #00302F, #041725)
Browse the whole catalog at Explore, or see today's palette.