Cocoa Study color palette — #F1D5E5 · #9F5B2A · #732C00 · #460C00 · #070200

Rust takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F1D5E5): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9F5B2A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#732C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#460C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.

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

• Worn Bronze Cabin color palette (#F7E9DF, #A65C25, #642600, #280400, #030100)
• Hushed Bronze color palette (#DAF9DF, #816D2F, #594000, #341F00, #040300)
• Plum Chapel color palette (#FFDEEF, #B73C78, #820038, #47000F, #0B0000)
• Bronze Canyon color palette (#F8E5EB, #B99869, #9D6210, #713F10, #302100)
• Worn Rust Thicket color palette (#E8E9FF, #BA4C40, #3C1158, #2C1221, #0C0017)
• Moonless Aubergine color palette (#DADEFB, #6527AC, #81111A, #002F38, #03000A)
• Ancient Aubergine Pier color palette (#EEEBF9, #9E52A2, #830030, #5D0062, #060001)
• Faded Chestnut color palette (#FFE7F1, #E1A76E, #B77440, #95471B, #48300B)

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