Cocoa Drift color palette — #F7DEDF · #892F00 · #442300 · #120C00 · #010200

Rust takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F7DEDF): A whisper-light, dusty red — the color of late-summer berries.
• Rust (#892F00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#442300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#120C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010200): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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 Bronze Villa color palette (#F0DFD8, #A35000, #542F00, #190F00, #020100)
• Velvet Meadow color palette (#FCE7F4, #8F033F, #520B00, #1C0A00, #030100)
• Lowlit Nightshade Terrace color palette (#F7E6EC, #703E00, #1311AD, #301700, #00000C)
• Softworn Garnet color palette (#DCF0DA, #8B863E, #007962, #5B0201, #050300)
• Washed Bronze Lantern color palette (#EEDAC9, #886500, #494D00, #192D00, #000E05)
• Grape Thicket color palette (#FBE6F1, #8B00BB, #674E00, #0B0D07, #020100)
• Amber Garden color palette (#FAD7C9, #BF6B18, #735700, #313800, #0F1E00)
• Basalt Dune color palette (#EDF1DE, #384000, #003745, #19193F, #010100)

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