Cocoa Drift color palette — #FFE7F3 · #A47F3E · #7B3700 · #460010 · #010100

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

The five colors

• Blush (#FFE7F3): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#A47F3E): A luminous, balanced gold — the color of old brass.
• Bronze (#7B3700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#460010): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#010100): a grounded near-black with real depth.

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

• Tempered Moss Lantern color palette (#D6EEDA, #898C33, #644800, #3A1500, #000200)
• Garnet Summit color palette (#F8DDE9, #B39656, #904A00, #620211, #040400)
• Muted Garnet Atelier color palette (#FFF1F6, #D4B86E, #B76700, #94020F, #161B00)
• Muted Olive Coast color palette (#E4FCEF, #A0BD8F, #817900, #623D00, #00180D)
• Sunlit Mulberry Coast color palette (#CDE9DC, #646400, #890064, #2D2900, #010100)
• Softworn Dune color palette (#FFF0F8, #B2D1B2, #BD7552, #883C48, #002919)
• Inked Ember color palette (#D5EEF3, #D86658, #00332D, #070C10, #000201)
• Airy Amber color palette (#E3FDEC, #C4DB94, #AC8F00, #8D4D00, #003114)

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