Cocoa Studio color palette — #FBF4EE · #CBDECC · #A37D63 · #693800 · #231910

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

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Celadon Mist (#CBDECC): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A37D63): A luminous, dusty gold — the color of old brass.
• Bronze (#693800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#231910): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Olive Bloom color palette (#F6F6EC, #E7E3B4, #697F4F, #2E3F16, #111003)
• Washed Amber color palette (#F3EFD9, #C9984F, #3A4000, #1D2727, #070800)
• Taupe Chapel color palette (#FCF2F6, #C7E9C7, #C49369, #856170, #34272C)
• Antique Pier color palette (#F8F0EA, #DFBD8B, #7C5938, #35302B, #1A120B)
• Worn Courtyard color palette (#F9F4EF, #E1DCCF, #7DBEA3, #CC884E, #1A2111)
• Driftwood Workshop color palette (#FEF3E6, #DDBD92, #6FBEB9, #8179B2, #35312B)
• Antique Cabin color palette (#FEF4E1, #DDB464, #634E00, #1F1700, #020100)
• Timeworn Pewter Loft color palette (#F8F5EC, #C1B97F, #429C98, #6C5B9A, #342618)

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