Obsidian Cocoa color palette — #F0D8CE · #843D00 · #502A00 · #251300 · #0E0600

A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Bone (#F0D8CE): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#843D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#502A00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#251300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0E0600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Patina Chestnut color palette (#EDE2D1, #7A5800, #3D2900, #1D2825, #0F0800)
• Tempered Loft color palette (#FDEBD8, #724500, #004A36, #301B00, #000804)
• Inked Brick color palette (#FFE8EA, #A50025, #5D0105, #320600, #0E0600)
• Pale Amber color palette (#FCECD7, #A9901D, #6A7200, #422700, #160D00)
• Olive Terrace color palette (#CDE7F6, #00886C, #5F6B00, #081009, #020200)
• Feathered Amber color palette (#FFD5B7, #D97C00, #9D6300, #694800, #383D00)
• Aged Moss color palette (#E3EDD3, #6EA400, #2B7300, #005414, #00401B)
• Softworn Olive Field color palette (#F0DEB4, #ADAC5A, #7E8400, #4E5C00, #46463E)

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