Smoked Cocoa color palette — #F0DCCA · #5B2E00 · #1F2000 · #130014 · #040000

Cocoa and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#F0DCCA): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F2000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#130014): A deep, shadowed, dusty pink — the color of a candy shop window.
• 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 Smoked 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

• Basalt Field color palette (#ECE1D1, #4D3700, #272127, #112400, #000A08)
• Fern Villa color palette (#E6E0D0, #575D24, #222F00, #210F00, #010100)
• Charred Dune color palette (#F5D8CF, #9F0234, #113400, #030028, #040000)
• Smoked Boulevard color palette (#ECDFD6, #743400, #0B0086, #1F0025, #040000)
• Tempered Bronze Coast color palette (#F3E3CF, #AF5A00, #785000, #493C00, #020100)
• Moonless Onyx Thicket color palette (#DCE6D2, #004736, #00232C, #01002A, #030005)
• Obsidian Aubergine Lagoon color palette (#F2DDE7, #441D83, #281D23, #002609, #000A0B)
• Timeworn Cerulean color palette (#E3E7D8, #42819C, #00415D, #001E25, #000104)

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