Obsidian Cocoa color palette — #E1F0E4 · #663A00 · #272400 · #000C16 · #020100

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

The five colors

• Honeydew (#E1F0E4): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#663A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#272400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000C16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#020100): quiet, heavy and certain.

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

• Moonless Fern color palette (#E1F3E5, #474B00, #002B12, #0A002D, #010100)
• Shadow Garnet color palette (#E1F0E4, #870026, #381900, #000E0C, #040000)
• Twilit Canyon color palette (#D3EBD0, #B42300, #343400, #0A0033, #030100)
• Antique Chestnut Basin color palette (#E7DDC9, #8E5300, #433F00, #002334, #060300)
• Fern Station color palette (#CCE6DA, #42640E, #00340F, #290700, #010100)
• Aged Station color palette (#E3F0E5, #967300, #3C5600, #00295F, #001309)
• Gentle Onyx Canyon color palette (#DFF4E3, #6A6900, #00491B, #19005F, #040600)
• Patina Emerald color palette (#F9EFDA, #219917, #006055, #4A0068, #00170A)

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