Obsidian Cocoa color palette — #D6E7D4 · #664000 · #262E00 · #00150D · #040000

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D6E7D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#664000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#262E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00150D): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, 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

• Charred Quarry color palette (#EBDFD5, #765000, #4A3400, #1D1500, #040300)
• Garnet Atelier color palette (#F8E4F2, #871A00, #372700, #051500, #040002)
• Timeworn Chestnut color palette (#E9DCD1, #985100, #4C4700, #003012, #160007)
• Obsidian Fern Meadow color palette (#D2E6E2, #2C6800, #00403B, #001D2D, #050300)
• Timeworn Cerulean color palette (#E4F2F0, #339AA5, #005361, #002C2B, #000508)
• Scarlet Harbor color palette (#FEDCEE, #F21621, #A94700, #6B4400, #040100)
• Shadow Lantern color palette (#E7DCE9, #BE004E, #014A0D, #120048, #010008)
• Emerald Alley color palette (#DFF2EF, #468F45, #006262, #00365D, #181400)

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