Cocoa Drift color palette — #F5E6DD · #BB9B58 · #792800 · #350D00 · #0D0300

Rust and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F5E6DD): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BB9B58): A luminous, balanced gold — the color of honey in a jar.
• Rust (#792800): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#350D00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0D0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tempered Quarry color palette (#F8F0EA, #CEAF6D, #7C4600, #3C1F00, #120B04)
• Patina Pier color palette (#F7E4E2, #BA9B59, #7A194D, #330A1F, #0C0303)
• Worn Basin color palette (#F5E9D8, #BB8C00, #503A00, #1E1400, #050200)
• Olive Delta color palette (#F9F0E9, #D78B56, #537000, #824100, #080600)
• Weathered Thicket color palette (#EBDED3, #987200, #451D00, #1D251F, #120400)
• Terracotta Field color palette (#FFF2EC, #D0D883, #98473C, #4A110B, #0B0200)
• Misty Amber Pier color palette (#F6E5D2, #B89327, #6F6B00, #314700, #001C05)
• Misty Amber color palette (#F5E7D2, #AD821D, #4F6500, #00386E, #201600)

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