Cocoa Atelier color palette — #F9F4EE · #DAD0B8 · #A09E79 · #907387 · #604A00

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Oat (#DAD0B8): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A09E79): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#907387): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Field color palette (#F6F6EE, #CCD5BD, #6CA9A0, #668678, #43550E)
• Worn Lagoon color palette (#F0F8F0, #BBE0F0, #9FB88C, #7E8699, #3A4B42)
• Antique Canyon color palette (#FFF1F4, #D9B6E3, #A3BB84, #AC72BD, #44542C)
• Tempered Corridor color palette (#FDF4E3, #B0C38F, #4E9962, #705B9A, #314109)
• Washed Chapel color palette (#EEF8F3, #9ECCBE, #6D8C58, #4A6C74, #3F524C)
• Ash Villa color palette (#FFF1F4, #E3D9D2, #9BB9CD, #989CD1, #634D4F)
• Hazy Corridor color palette (#F1E7D8, #858946, #306D11, #32176E, #101100)
• Aged Cabin color palette (#FFE7FA, #C3BBEE, #B08FD3, #97629D, #694546)

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