Cocoa Drift color palette — #FFF0F9 · #E9BE94 · #B27A62 · #7F4446 · #112718

A conversation between Coffee and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sand (#E9BE94): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B27A62): A luminous, dusty orange — the color of toasted spice.
• Coffee (#7F4446): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#112718): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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 Delta color palette (#E2FDEB, #C6CD95, #9D8846, #774E1E, #002823)
• Timeworn Bronze color palette (#FFF0F7, #CEAC7F, #A56439, #722D28, #00180B)
• Sand Basin color palette (#FFF1F5, #EEDBAD, #BD8F9F, #825E75, #21372E)
• Amber Pier color palette (#FAE3D3, #E2B79B, #CF8B69, #A76653, #352F2A)
• Wandering Chestnut Pier color palette (#FAE3D4, #BB8C5C, #994A22, #6D2C30, #33302A)
• Garnet Courtyard color palette (#F9F2FF, #FFB7E8, #CB667C, #8D241F, #3D1C00)
• Bronze Station color palette (#D9EADA, #998600, #684600, #391600, #010100)
• Worn Chestnut color palette (#FBDBE9, #B99358, #914900, #5A1711, #050400)

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