Cocoa Drift color palette — #FFF0F9 · #DDB55C · #883100 · #2E0C00 · #040002

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Gold (#DDB55C): A luminous, balanced gold — the color of old brass.
• Rust (#883100): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#2E0C00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Balance. 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

• Muted Mustard color palette (#EBFAEF, #E0B44E, #634E00, #201700, #000200)
• Tempered Veranda color palette (#FFF0F7, #EECB81, #944E14, #411C00, #0A0105)
• Linen Mulberry color palette (#FAF1FF, #DFB453, #920656, #32011A, #030005)
• Tempered Mustard Workshop color palette (#E9D8E5, #BFC036, #BD5345, #6B3830, #150412)
• Weathered Marigold color palette (#FDE8EF, #CB9900, #583100, #322F29, #0F0500)
• Hushed Apricot Loft color palette (#FFF1F7, #FFA157, #717F00, #954E00, #000201)
• Timeworn Bronze color palette (#EFF8EF, #FFE2A5, #9E6B00, #4D3201, #071308)
• Chalky Mustard Pier color palette (#FFF2E3, #DDB947, #878100, #2E4D00, #001602)

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