Cocoa Study color palette — #EADCE2 · #A5BAAD · #70A197 · #7C4100 · #210C16

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Silver (#EADCE2): a clean, paper-quiet neutral.
• Ash (#A5BAAD): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#70A197): A luminous, dusty teal — the color of glacier melt.
• Bronze (#7C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#210C16): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Study 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

• Washed Bloom color palette (#D5E3DC, #9EBBB7, #729EA6, #595500, #061810)
• Softworn Bronze Alley color palette (#EEE2E6, #A3BAB5, #82A39E, #9E6200, #230A14)
• Dusty Hollow color palette (#EAE2EB, #C1AEB8, #809E86, #8B2A43, #19101A)
• Patina Hollow color palette (#F5ECE5, #D9CFBC, #ABA78A, #723F00, #050200)
• Tempered Veranda color palette (#EDE2D7, #B3A895, #947D35, #512E00, #1E1002)
• Weathered Olive color palette (#E8F1ED, #C6DDDB, #95C0C9, #747800, #20322B)
• Washed Meadow color palette (#EFDAEA, #A57C34, #267848, #513158, #260B2B)
• Worn Drift color palette (#EFF7F6, #D3DDE5, #B8C4DB, #719C71, #3D4B49)

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