Twilit Cocoa color palette — #D9E4D9 · #5C3C00 · #373B00 · #110E00 · #000200

Bronze takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#D9E4D9): bright and airy, almost weightless.
• Bronze (#5C3C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Olive (#373B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#110E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Weathered Dune color palette (#F9E7C9, #8B6D00, #4D4800, #232600, #040B00)
• Shadow Cocoa color palette (#F1DBE8, #722A00, #32302A, #180B00, #040002)
• Cellar Spruce color palette (#C4EEE4, #3B3F47, #1B3100, #0E1418, #000301)
• Hazy Pier color palette (#DDF2E5, #6F8300, #1D5100, #4A160F, #060900)
• Charred Forest Summit color palette (#D2E4E2, #006734, #383A41, #001F23, #000707)
• Weathered Moss color palette (#DCF4EB, #788E00, #29413E, #15211D, #080E0B)
• Antique Grape color palette (#CCF3E2, #6E7000, #5D3AB1, #383900, #0A0022)
• Ancient Garnet Loft color palette (#EEF2E2, #535F00, #005278, #70003B, #030400)

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