Cocoa Drift color palette — #F8F1E1 · #99B77D · #7E763F · #6C4100 · #202516

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F1E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#99B77D): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#7E763F): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#6C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#202516): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Timeworn Taupe Summit color palette (#FFEEE2, #C8A669, #9A6848, #664135, #282210)
• Softworn Bone color palette (#E4FCEF, #D6E5AE, #A3A171, #7A6940, #213732)
• Wandering Studio color palette (#F5E9D0, #779240, #645400, #4A2700, #0C1000)
• Frosted Amber Station color palette (#FDE4D0, #B68300, #8D4300, #6A021A, #131300)
• Cerulean Orchard color palette (#E5F7EE, #0094BD, #A16346, #72452F, #0B1E16)
• Bronze Harbor color palette (#FCE9DB, #966700, #6D2E00, #450514, #080500)
• Patina Plum color palette (#EAF5ED, #4AC7D7, #AB5474, #00727E, #180A08)
• Quiet Basin color palette (#FFE0EC, #CAD741, #4CB400, #262715, #101109)

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