Cocoa Drift color palette — #F8E2C6 · #7C2E00 · #361D00 · #031200 · #090200

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

The five colors

• Parchment (#F8E2C6): A whisper-light, dusty gold — the color of old brass.
• Rust (#7C2E00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#361D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#031200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#090200): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Shadow Cocoa color palette (#E4E0D1, #5C4700, #252600, #00110E, #010300)
• Quiet Brick Pier color palette (#FDE8C8, #B81608, #573400, #002527, #0A0100)
• Mulberry Market color palette (#FEE5F0, #890048, #4A000B, #120D00, #0C0002)
• Weathered Chestnut color palette (#CDE9D5, #816000, #423F00, #002C24, #1C1500)
• Wandering Raspberry Corridor color palette (#DBF7E6, #C24383, #7E4D00, #003B6E, #0D0001)
• Soft Bronze color palette (#C5E9CA, #AB6300, #624800, #003E23, #341F00)
• Inked Forest Veranda color palette (#D4F1EF, #006E4F, #003329, #211300, #000804)
• Tempered Lagoon color palette (#DDF1ED, #219198, #00454E, #002220, #000B10)

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