Cocoa Drift color palette — #D4E5D5 · #5C3F00 · #2E271B · #0E1000 · #000401

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Celadon Mist (#D4E5D5): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2E271B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0E1000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Cocoa Drift 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

• Obsidian Chapel color palette (#E9DAE2, #712F00, #34322B, #160D00, #0A0005)
• Wandering Bronze Study color palette (#FBE7CB, #9F6F00, #404700, #2A1900, #040100)
• Chestnut Courtyard color palette (#D5EBD8, #7C5A00, #2C2400, #172127, #0F0800)
• Midnight Spruce Lagoon color palette (#C6ECE4, #414750, #193700, #151B21, #000603)
• Forest Station color palette (#D8F6F5, #00663B, #3B3941, #001F1F, #000C0C)
• Muted Alley color palette (#E7F6F1, #70873D, #284242, #1E2C28, #101716)
• Faded Aubergine color palette (#E5EFCF, #516300, #5C1DAF, #570085, #0F1400)
• Washed Nightshade Corridor color palette (#D8F7ED, #6B881E, #3B2CB6, #304000, #130751)

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