Cocoa Drift color palette — #FFD1E2 · #B698BE · #8C696A · #6E3709 · #0C3525

Bronze takes the lead with Mauve close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFD1E2): A whisper-light, dusty rose — the color of strawberry cream.
• Mauve (#B698BE): A luminous, dusty pink — the color of neon signs at night.
• Pewter (#8C696A): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#6E3709): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#0C3525): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Dusty Bloom color palette (#FFE4E8, #D49FBF, #A4837E, #794C0C, #39352F)
• Onyx Workshop color palette (#EAECFF, #A69ACB, #897195, #614034, #4D1F00)
• Worn Atelier color palette (#FED8E5, #D37081, #9D5445, #504200, #212500)
• Dusty Hollow color palette (#DDE4FF, #B399C0, #8E6076, #345F4D, #20454F)
• Hushed Apricot Quarry color palette (#FFDEDC, #E89E80, #976A44, #4C5B31, #1B3C18)
• Tempered Chestnut Villa color palette (#FFEDEA, #E3C3B7, #AA968B, #7D6318, #494000)
• Bronze Terrace color palette (#FFE5E1, #BA876D, #8D5D24, #423F00, #2D1539)
• Patina Atelier color palette (#ECD9F0, #A55994, #723F55, #4E2704, #1C1000)

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