Cocoa Study color palette — #FFF3E9 · #E9D6C1 · #D8AB8F · #B48579 · #604100

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#E9D6C1): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D8AB8F): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B48579): A luminous, dusty orange — the color of toasted spice.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Softworn Stone Hollow color palette (#FFF0F8, #CAF1E7, #D0A38A, #8B6F8B, #32443C)
• Aged Driftwood color palette (#FBEDF4, #D6B491, #A17960, #675060, #233026)
• Pale Marigold Garden color palette (#FFEBD3, #DBC68D, #D79521, #B96820, #3B3700)
• Taupe Bloom color palette (#EBF9F4, #98C9F1, #E0A795, #AE9946, #2D423C)
• Worn Cocoa Hollow color palette (#FFE9D5, #B38645, #A15900, #822D00, #100A00)
• Olive Workshop color palette (#F1E9CD, #95A770, #848105, #6F5700, #061C00)
• Sunlit Amber color palette (#F3E7D5, #BDB374, #AE8827, #965C00, #232700)
• Softworn Thicket color palette (#EDF8F4, #F2DAB5, #7AA5C0, #47738E, #1F2F29)

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