Obsidian Cocoa color palette — #F8E8DA · #6E3A00 · #002E42 · #26000E · #040001

A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F8E8DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6E3A00): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#26000E): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Shadow Garnet Parlor color palette (#ECDBD5, #8D001E, #003132, #22001C, #040003)
• Twilit Onyx Hollow color palette (#F8EFDD, #483A00, #001E40, #15180F, #170100)
• Inked Onyx color palette (#E6E0C4, #475000, #003037, #1D0037, #150100)
• Aubergine Harbor color palette (#F3ECD5, #4E4C00, #290076, #200800, #030100)
• Inked Olive Workshop color palette (#CEEEE2, #636F00, #00444C, #1D003D, #040000)
• Tempered Alley color palette (#F9E8D8, #736A00, #164100, #2F1800, #030300)
• Muted Garden color palette (#F8E5D5, #687721, #005356, #420927, #140008)
• Powdered Aubergine color palette (#F1EEDB, #728D0E, #5B31A2, #4A2C00, #1F1000)

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