Cocoa Drift color palette — #F2D8E4 · #675600 · #773A00 · #261E0F · #080500

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

The five colors

• Shell Pink (#F2D8E4): A whisper-light, dusty rose — the color of pressed rose petals.
• Olive (#675600): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#773A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#261E0F): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Nocturne Studio color palette (#E1F6E5, #624900, #30312B, #0B181A, #040700)
• Cocoa Veranda color palette (#F4DBC8, #49564F, #572700, #171F17, #080600)
• Bronze Thicket color palette (#F0E1E8, #A45000, #3A3200, #21100F, #14000A)
• Wandering Marigold color palette (#ECF9EC, #DCA245, #405B50, #252E26, #130D11)
• Weathered Moss Chapel color palette (#D4E8D3, #9E9000, #3B5800, #3F1C3B, #010100)
• Sunlit Amber color palette (#EFD8D7, #C87611, #5B602B, #202D5C, #04072D)
• Mulberry Orchard color palette (#EBDDEF, #91003E, #36363E, #332217, #0F0200)
• Weathered Lapis Workshop color palette (#D8EFDE, #9B7900, #4D42EF, #4B3900, #01000A)

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