Cocoa Atelier color palette — #FDF4E4 · #E9ABAF · #B08B5A · #4F7296 · #6F350F

A conversation between Bronze and Caramel, giving this palette its sense of trust and stability.

The five colors

• Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#E9ABAF): A luminous, dusty red — the color of late-summer berries.
• Caramel (#B08B5A): A luminous, dusty gold — the color of honey in a jar.
• Slate (#4F7296): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#6F350F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Cocoa Garden color palette (#FEF3E4, #E8B090, #96965C, #84627B, #643E00)
• Hushed Loft color palette (#FBF5E1, #E3A9CB, #B88471, #537963, #5B403B)
• Ancient Summit color palette (#ECF9F0, #FFCFD1, #CA9752, #52769B, #4B3945)
• Driftwood Thicket color palette (#FEF2EF, #E09CA2, #709969, #566794, #3A3F63)
• Oat Ridge color palette (#FFF2EE, #DDCBB9, #ABA793, #91808D, #5E4D5A)
• Antique Ultramarine Canyon color palette (#FFF3E2, #F48462, #937C00, #3B50AF, #522A00)
• Ancient Mustard color palette (#FFF3E6, #CEAC65, #629560, #71558D, #3F3D36)
• Wandering Bloom color palette (#EBFAED, #C499AE, #917142, #3A653F, #564149)

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