Cocoa Drift color palette — #FFF3E1 · #A2C099 · #7A8D79 · #775D5D · #753B17

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A2C099): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7A8D79): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#775D5D): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#753B17): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Driftwood Balcony color palette (#FFEBE1, #C9B496, #828B44, #745563, #5C403F)
• Hushed Harbor color palette (#F9F2CB, #80C6BF, #978398, #8C4E2F, #634200)
• Chestnut Studio color palette (#FDF3EA, #B7B27C, #5F7D55, #7C4E10, #524000)
• Muted Coast color palette (#F1F9D0, #C1CBB4, #8E9F88, #5B8076, #61485E)
• Muted Pier color palette (#E1E6D5, #73B7C6, #8D6A81, #75420A, #3C3A33)
• Cobalt Grove color palette (#E4F2BC, #73C2B0, #4A81B7, #7C4C33, #47443E)
• Worn Quarry color palette (#FFF1F5, #BFE1D4, #97C6C7, #A981A0, #624C61)
• Ancient Denim Summit color palette (#C6F2EF, #9DC3C4, #698991, #45607B, #2F3B4F)

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