Cocoa Drift color palette — #FFEFDB · #DCC19B · #9F7B47 · #604500 · #271800

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

The five colors

• Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
• Sand (#DCC19B): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#9F7B47): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#604500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#271800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged monochrome, 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

• Weathered Bronze color palette (#FCEFE4, #C5BAA5, #A97741, #7A4941, #2F2D1B)
• Hushed Fern Quarry color palette (#F4F4D6, #BBD5AD, #778E4F, #455805, #172000)
• Fern Courtyard color palette (#F4F2E8, #D7BFA4, #626536, #33312A, #16140B)
• Wandering Moss color palette (#E0E5D4, #989430, #535C00, #262700, #040600)
• Mustard Cabin color palette (#F7F6BD, #C1B24B, #7A6D00, #413A00, #181200)
• Antique Corridor color palette (#F4F2EB, #D2C298, #458F9F, #7E7400, #0A1A10)
• Patina Dune color palette (#E3FDE9, #E9D09D, #C48F44, #7F5E22, #223C27)
• Ancient Canyon color palette (#FAF0E6, #C3DDCB, #8CC5C1, #B17477, #3A3630)

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