Twilit Cocoa color palette — #F4DAC5 · #5E2E00 · #002424 · #000B10 · #040007

A conversation between Cocoa and Bone, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#F4DAC5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#002424): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040007): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Twilit 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

• Shadow Studio color palette (#F8DDC4, #414A3F, #452500, #191D15, #050400)
• Deep Corridor color palette (#EDDFC8, #5D4600, #003037, #270025, #160005)
• Cellar Courtyard color palette (#FFEAEB, #6A005A, #372B2D, #201F00, #000A14)
• Midnight Fern Pier color palette (#E8E0C8, #5E5B00, #004424, #001F23, #000206)
• Patina Onyx Parlor color palette (#F7D8D3, #856239, #2D3E10, #1C1545, #0C0827)
• Muted Abyss color palette (#E9DDD7, #548A98, #004161, #00231D, #000720)
• Pale Crimson color palette (#FFEADB, #DC2C57, #974800, #344100, #050200)
• Soft Plum color palette (#F0E0F2, #CB2451, #376400, #00356B, #040007)

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