Cocoa Drift color palette — #FFEFDA · #AFAF7D · #8B7042 · #723C0C · #24240E

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEFDA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#AFAF7D): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8B7042): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#723C0C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#24240E): 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

• Wandering Atelier color palette (#FEF4E4, #B6A582, #837047, #704800, #403D36)
• Dusty Bronze color palette (#FFEEE4, #D0B699, #AF7249, #6C504A, #312C1F)
• Tempered Canyon color palette (#EFDEC3, #96A04F, #7E6007, #57341E, #181A02)
• Patina Workshop color palette (#F1F3E6, #E5A368, #3A6038, #272A0B, #0C0D04)
• Dusty Lime Dune color palette (#F3F2E8, #A0C259, #2F7DA7, #586E27, #00130C)
• Sunlit Quarry color palette (#F7F3DA, #7F9100, #9C5A90, #6B4163, #1E1A09)
• Muted Cabin color palette (#F6E9CD, #5D7E1F, #4F4400, #351C00, #000802)
• Linen Studio color palette (#DDF2B6, #75C48E, #008787, #004F6C, #051A51)

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