Cocoa Atelier color palette — #FAF1DE · #B4AB8A · #7F754A · #684400 · #262407

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

The five colors

• Cream (#FAF1DE): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B4AB8A): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#7F754A): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#684400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#262407): 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 Atelier 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

• Quiet Bronze Delta color palette (#FBE5CD, #BB9C55, #905F19, #683307, #211C00)
• Bronze Parlor color palette (#FBEFE7, #D0B69D, #AD7347, #824525, #352A1A)
• Cocoa Canyon color palette (#ECF9F0, #8DB0A5, #7F7240, #76440E, #224442)
• Muted Archive color palette (#EAE0D2, #958643, #6E4F00, #492800, #0F1000)
• Weathered Bronze Coast color palette (#F9EFEE, #DE9FAD, #91700D, #95485D, #150D01)
• Mulberry Veranda color palette (#FFEDEC, #C8B080, #77405B, #3C1D1C, #180707)
• Amber Chapel color palette (#FFE3CF, #C87717, #923F00, #6B0400, #1B0F00)
• Fern Garden color palette (#E9E4D2, #566B00, #3B3800, #201700, #000200)

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