Obsidian Cocoa color palette — #F4DEE6 · #83713C · #593000 · #2B0001 · #010100

A conversation between Cocoa and Walnut, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F4DEE6): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#83713C): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#2B0001): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Olive Veranda color palette (#DBF8E5, #687C2F, #493A00, #200D00, #000200)
• Eclipse Garden color palette (#F4E0CF, #705500, #442100, #290002, #030400)
• Hushed Cocoa Corridor color palette (#FEDEEF, #AB7C2F, #7D3500, #450012, #010100)
• Weathered Fern Loft color palette (#C9F0DC, #81A768, #686200, #472B00, #000502)
• Faded Bronze Parlor color palette (#E2FEE7, #B2B789, #947015, #703100, #021801)
• Obsidian Garnet color palette (#E9DDF7, #A5508C, #770024, #1D0800, #020100)
• Aubergine Grove color palette (#EFEDFF, #740D94, #4A3A00, #001D1E, #030005)
• Antique Garnet color palette (#FFF1F6, #D8B768, #BA6500, #940017, #171B00)

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